                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

看代码，想问下这个节点个数怎么理解的，从哪开始算呢，子节点又是怎么回事？

var x=document.getElementsByTagName("div")[0].childNodes;

document.write("第一个DIV子节点个数:"+x.length+"<br>")

web小菜

2017-02-07

源自：JavaScript进阶篇 9-8

关注问题我要回答

644

操作

收起

2 回答

不知不觉后知后觉嗯
2017-02-09

var x=document.getElementsByTagName("div")[0].childNodes;

document.write("第一个DIV子节点个数:"+x.length+"<br>")

说的是第一个div的子节点个数，那么来看：

这是第一个div

<div>
javascript
<p>javascript</p>
<div>jQuery</div>
<h5>PHP</h5>
</div>

它包含了三个元素节点 p div h5 和四个文本节点

<div>
javascript /*第一个*/
<p>javascript</p>/*第二个
*/<div>jQuery</div>/*第三个
/*<h5>PHP</h5>/*第四个
*/</div>

因为说的是第一个div中的子节点，所以就不用考虑p内的javascript, div中的jQuery,h5中的PHP

0 回复有任何疑惑可以回复我~

收起回答

qq_浮雲遊子_03977413

你的意思是说上面的var x =document.getElementByTagName("div")[0].childNodes是第一个div的个数吗我理解成 var x = document.getElementByTagName("div"); //获取div的个数，是个数组 x[0].childNodes; //第一个div的childNodes 我去，怎么绕对了哎呦气死我了自己琢磨了半天到底在想什么呢