javascript - childNodes - 元素内的空白

Question

<div id="myDIV">
<p>First p element (index 1)</p>
<p>Second p element (index 3)</p>
</div>

试图理解为什么索引 0 是文本节点。

根据 w3schools 的这个例子，索引 0、2 和 4 是文本节点。索引 1 和 3 是 p 元素。

索引 0 是文本节点，因为它是空白吗？如果是这样，这个空白在哪里？在开始的 div 标签和第一个开始的 p 标签之间？

Answer 1

换行符也是空白。如果将这些元素放在一行中，则可以省略空格。

<div id="myDIV"><p>First p element (index 0)</p><p>Second p element (index 1)</p></div>

编辑

问题中的索引号以及我的回答中的索引号都是节点 索引。可以使用它们 EG。使用 childNodes property .

另一方面，可以使用 element 索引，不计算文本和评论节点，EG 通过访问 childern property .