dom节点的关系

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

你可能感兴趣的:(dom节点的关系)