相关疑难解决方法(0)

javascript .childNodes和.children之间的区别

我已经使用javascript一个星期了.我目前正致力于通过节点使工作/改变.但是我注意到了一些奇怪的东西,对于一个不熟练的javascripter来说也是如此.

我的网站中有一个结构,如下所示:

<html>

<head>
    <title>....</title>
    <link/>
    <script></script> 
</head>

<body>
    <div 1>
        <div 2></div>  
    </div>
</body>
</html> 
Run Code Online (Sandbox Code Playgroud)

当我试图找到具有下一个函数的子节点时:

var headerBox = document.body.childNodes;
var txt = "";

for (var x = 0; x < headerBox.length; x ++) {
txt =txt+"Childnode["+x+"]: "+headerBox[x].localName+" ("+headerBox[x].className+")<br>";
}

var x = document.getElementById(box);
x.innerHTML = txt;
Run Code Online (Sandbox Code Playgroud)

我得到一个列表,其中包含一些未定义的"NULL"以及reali DIV

但是,当我只是将"document.body.childNodes"更改为"document.body.children"时,一切都很完美,"NULL"值甚至会发生变化.

我想知道的是"NULL"值在HTML文件中表示的是什么,因为"NULL"值的位置没有元素.在我的脑海里,它给了我一些不存在的东西,可见,但它是......

有人可以向我解释发生了什么事吗?

Ps:我很抱歉可能转发这个但我无法找到关于此事的合适的其他问题!

Pss:找到一个转发(JavaScript中的children和childNodes有什么区别?).但它没有回答为什么它仍然认为看不见的未定义的子节点.

javascript parent-child nodes

6
推荐指数
1
解决办法
5429
查看次数

标签 统计

javascript ×1

nodes ×1

parent-child ×1