下面代码是在 chrome 浏览器中执行的
3
446
Shopping list
What to buy
Don't forget to buy this stuff.
- A tin of beans
- Cheese
- Milk
浏览器显示，为什么文档中所有节点数为 12 个； body的子节点数为 8 个？？？？
我计算的文档中所有节点数为 11 个；body的子节点数为 6 个。
最后用console.log(document.getElementsByTagName("*"));得到的结果是
这个用红色圈上的为什么没有计算在内？？这是和浏览器有关吗？？还是说默认最后一个不计算在内的？？
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
body的childrenNodes中含有4个元素节点，分别是：h1、p、ul和script(即使你没放在body中，还是会移到body中)；除此之外，还有4个文本节点，分别在四个元素节点之前(空格或换行)。这就是输出值为8的原因。
*获取了文档中的所有节点，加载DOM树时的过程是这样的：html > head > meta > title > body > h1 > p > ul > li × 3(按照顺序) > script ，这就是输出12的原因。
因为这个方法存在浏览器兼容性问题，里面可能包含了很多没用的空节点，你可以用console.log打印出来在控制器里面看看
获取的是元素结点
childNodes 包含注释和文件结点（空格和换行等也是一个结点）