JS--遍历DOM树
来源:互联网 发布:淘宝登录页面改进建议 编辑:程序博客网 时间:2024/06/05 03:53
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里用还是小心为妙~~~
1 0
- JS--遍历DOM树
- js深度、广度 遍历 dom树
- JS实现DOM树的遍历
- js如何遍历dom
- js处理xml(解析xml、拼接xml、插入DOM树、遍历DOM树)
- Javascript Dom树遍历
- 遍历DOM文档树
- JavaScript 遍历DOM树
- JS中使用DOM技术遍历文档
- 遍历dom时如何优化JS性能
- 14.jquery DOM操作 遍历DOM树
- HTML#DOM树的遍历
- XML DOM遍历节点树
- js面向对象编程指南学习笔记--遍历DOM节点树
- 遍历DOM
- DOM遍历
- 遍历DOM
- DOM遍历
- One-Hot Encoding独热编码
- erlang笔记-lists
- component不能正常显示
- Android 权限
- 360浏览器中如何不要显示"猜你喜欢"
- JS--遍历DOM树
- Android中的Divider(ListView分割线)
- Intellij IDEA使用总结
- python3.0以上 web crawled
- 标准C++中的string类的用法总结
- C++面试出现频率最高的30道题目
- 在Java中连接字符串时是使用+号还是使用StringBuilder StringBuffer 加号
- 基本标签(三)
- LINK : fatal error LNK1123: 转换到 COFF 期间失败: 文件无效或损坏