Question

我有代码HTML我有这个问题：

<html><head></head><body><!--oneComment--><script src="index.js"></script><!--twoComment--></body></html>

我在index.js中有javascript代码：

console.log(document.body.childNodes.length) //2

当我在firefox中在控制台中运行此代码时获取2，为什么？我在正文中有两个注释和一个脚本元素。两个推荐和一个脚本是3节点，所以为什么我得到log 2

Answer 1

您的脚本位于DOM中的第二条评论之前。因此，当您的脚本运行并且只剩下两个childNodes时，第二个注释仍然不存在：第一个注释和脚本。

将结果与输出结果进行比较：

window.onload = function ( ) {
    console.log(document.body.childNodes.length);
};