我们首先写一个包含子节点的代码块：
<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则输出了下层中包括文字节点和每个大的整体节点。