JS someNode.chidren和someNode.childNodes的区别

我们首先写一个包含子节点的代码块：

<div id='main'>
    Apple
    <div>Paper</div>
    <div>Pig</div>
    <div>Coa</>
</div>

DOM树

我们用console.log（）分别输出一下document.getElementById(“main”).children和document.getElementById(“main”).chidNodes，
可以的到结果分别为：
document.getElementById(“main”).children： (3) [div, div, div]
document.getElementById(“main”).chidNodes：(7) [text, div, text, div, text, div, text]

由输出结果，我们可以很明白的看出，children里只包含了下层元素每个大的整体节点，也就是DIV1,DIV2和DIV3.
而chidNodes则输出了下层中包括文字节点和每个大的整体节点。