用childNodes获取子元素 换行会产生一个子元素

<div id='div1'>
    <div id='div2'>
        <div id='div3'></div>
    </div>
    <div class='div2'>

    </div>
</div>

这样的代码

$(‘#div1’).childNodes.length==>会等于 5哦

要是你把这些代码不换行你就会得到2

$('#div1').childNodes.length
5
$('#div1').childNodes
[text, div#div2, text, div.div2, text]

是的

看到没 换行就产生了一个text

 

 

 

 

但是当你

<div id='div1'><div id='div2'><div id='div3'></div></div><div class='div2'></div></div>

这样的时候

$(‘#div1’).childNodes.length==>会等于 2哦

 

 

哦 说明一下

 

我这个测试的代码是在控制台上测试的

所以$(‘#div1’).childNodes.length这个没有报错

但是下面有位亲也提醒了

要是这句放在页面上必然会报错的

好的

就是这样

要是你们在页面上测试 

还得jQuery的用法跟javascript的用法不要混了

感谢感谢有这么多的亲

更多专业前端知识，请上 【猿2048】www.mk2048.com