javascript - 如何使用 JavaScript 获取 HTML 中 中包含的 Paragraph 元素的值

Question

我知道这可能是非常基础的，但我在使用 JavaScript 方面很差。

以下是我的 HTML 代码:

<div class="request">
<h4>Request a Free Consultation</h4>
<p>XXX-XXX-XXXX</p>     
</div>

使用 JavaScript，我想获取 <p> 中包含的文本元素。

我正在尝试以下方式，但它给了我 undefined错误。

var x = document.getElementsByClassName("request");
var pText = x.getElementsByTagName("P").innerHTML;
alert(pText);

谁能指引我正确的方向？

EDIT :这是尝试上面代码的 fiddle 链接: http://jsfiddle.net/Scoobler/ua9zN/

Answer 1

getElementsByClassName 和 getElementsByTagName 返回数组。所以你还需要添加索引:

var x = document.getElementsByClassName("request");
var pText = x[0].getElementsByTagName("P")[0].innerHTML;
              ^                            ^
alert(pText);