children和childNodes的区别

1.getElementById()，取到的是Node，也是ELemen。
2.children是Element的属性，childNodes是Node的属性

var oDiv=document.getElementById("test");
console.log(oDiv.children[0] instanceof Node);        //true
console.log(oDiv.children[0] instanceof Element);    //true

console.log(oDiv.childNodes[0] instanceof Node);    //true
console.log(oDiv.childNodes[0] instanceof Element);    //false

console.log(typeof oDiv.childNodes[0].children);    //undefined
console.log(typeof oDiv.childNodes[0].childNodes);    //object

Node的children属性为为undefined

转自 http://jscode.cnblogs.com