javascript - Element.getElementsByTagName 的问题

Question

我在使用 Element.getElementsByTagName 方法时遇到了一些问题。

使用以下 HTML:

<p id="test">
    <p></p>
    <p></p>
</p>​

以及以下 Javascript:

var a = document.getElementById('test');
var b = a.getElementsByTagName('p');
console.log(a);
console.log(b);​

a 设置为包装段落，但 b 设置为空 NodeList(示例:http://jsfiddle.net/xGjMN/)。

我期望 b 包含两个内部段落元素。我在这里完全误解了什么吗？

Answer 1

你不能嵌套<p>标签。

您的嵌套 <p id="test"><p></p><p></p></p>呈现为:

<p id="test"></p>
<p></p>
<p></p>
<p></p> <!-- From </p> -->

因此 a.getElementsByTagName('p')是一个空集合。