childNodes - 元素内的空格

Question

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

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

根据w3schools的这个例子，索引0,2和＆amp; 4是文本节点。指数1＆amp; 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。

另一方面，可以通过访问childern property来使用元素索引，这些索引不计算文本和注释节点EG。