childNodes
nodeName和标签名相同,为大写
nodeType节点类型
节点类型 nodeType
元素节点 1
文档节点 9
文本节点 3
属性节点 2
childNodes w3c标准例如:
ie9 document.getElementsByTagName('ul')[0].childNodes;会有3个元素节点li
ie9以上以及chrome firefox这些支持w3c标准的浏览器会有7个节点,其中四个文本节点,3个li,他会把ul里的回车当作是文本节点输出。
element.childern;虽然不是w3c标准,但是,会正确的输出我们想要的内容。
自己封装方法
function getChildNodes(element){
var arr = [];
var childNodes = element.childNodes;//获取元素的子节点集合
for(var i = 0;i