03.节点操作-子节点

1.子节点

①parentNode.childNodes（标准）
parentNode.childNodes返回包含指定节点的子节点的集合，该集合为及时更新的集合。
注意：返回值里面包含了所有的子节点，包括元素节点、文本节点等。
如果只想要获得里面的元素节点，则需要专门处理。所以我们一般不提倡使用childNodes
var ul = document.querySelector(‘ul’);
for(var i = 0; i < ul.childNodes.length; i++){
if(ul.childNodes[i].nodeType == 1){
//ul.childNodes[i]是元素节点
console.log(ul.childNodes[i]);
}
}
②parentNode.children（非标准）
parentNode.children是一个只读属性，返回所有的子元素节点。它只返回子元素节点，其余节点不返回（这个是我们重点掌握的）。
虽然children是一个非标准，但是得到了各个浏览器的支持，因此我们可以放心使用。

.