JS--遍历DOM树

js官方文档给出的遍历DOM树的刚发是:
父节点—ele.parentNode
子节点—ele.childNode
第一个子节点—firstChild
最后一个子节点—lastChild
上一个兄弟节点—previousSibling
下一个兄弟节点—nextSibling
通过属性获取元素:
document.getElementById(); —通过ID
document.getElementsBy**() —通过其他属性 返回的是一个数组。
但是 有一个问题是: 遍历DOM树时大多数时候是想要获得元素节点而不是文本节点
SO 可以用一下方法直接获取想要的元素节点:
父节点—ele.parentElementNode
子节点—ele.children
第一个子元素节点—firstElementChild
最后一个子元素节点—lastElementChild
上一个兄弟元素节点—previousElementSibling
下一个兄弟元素节点—nextElementSibling
这样一下子感觉棒棒哒~~ 可是好东西IE都不怎么兼容啊(又是该死的IE)
上面这些方法在IE8以下的IE系浏览器里并不兼容!!!
唯有ele.children 这一个在IE8是兼容的 但是它会把注释也当做元素节点。
所以、总之、无论如何 在IE里用还是小心为妙~~~

你可能感兴趣的:(web前端,DOM)