《JS高程(3)》DOM扩展-元素遍历-第11章笔记(19)
2017-02-08 15:21
549 查看
元素遍历
Element Traversal API为DOM元素添加了5个属性:childElementCount: | 返回子元素(不包括文本节点和注释)的个数 |
---|---|
firstElementChild: | 指向第一个子元素;firstChild的元素版 |
lastElementChild: | 指向最后一个子元素;lastChild的元素版 |
previousElementSibling: | 指向前一个同辈元素;previousSibling的元素版 |
nextElementSibling: | 指向前一个同辈元素;nextSibling的元素版 |
跨浏览器遍历某元素的所有子元素:
var i, len, child = element.firstChild; while(child != element.lastChild){ if(child.nodeType == 1){ processChild(child); } child = child.nextSibling; }
使用Element Traversal 新增的元素
var i, len, child = element.firstElementChild; while(child != element.lastElementChild){ //已知是元素 processChild(child); child = child.nextElementSibling; }
相关文章推荐
- 《JS高程(3)》DOM扩展-专有扩展-第11章笔记(21)
- 《JS高程(3)》DOM扩展-HTML5-第11章笔记(20)
- 《JS高程(3)》DOM2和DOM3-遍历-第12章笔记(24)
- JS DOM编程艺术——DOM获取元素—— JS学习笔记2015-7-6(第77天)
- DOM扩展-Selectors API(选择符 API)、元素遍历
- 说说在 DOM 扩展中,JavaScript 如何对 DOM 元素进行遍历
- DOM扩展_元素遍历
- 《JS高程(3)》DOM节点层次Comment类型-第10章笔记(15)
- 《JS高程(3)》DOM2和DOM3-样式、视口尺寸问题-第12章笔记(23)
- 《JS高程(3)》DOM节点层次DocumentType类型-第10章笔记(16)
- JavaScript高级程序设计之DOM 扩展之元素遍历第11.2讲
- 《JS高程(3)》DOM节点层次Document类型-第10章笔记(12)
- DOM学习笔记---遍历页面所有元素节点
- 《JS高程(3)》DOM操作技术-第10章笔记(17)
- 高程 第11章 DOM扩展
- AJAX 学习笔记(5) 处理XML文档的DOM元素属性和遍历DOM元素方法
- js学习笔记:DOM扩展
- js学习笔记----JavaScript中DOM扩展的那些事
- JavaScript学习-DOM扩展_元素遍历
- 《JS高程(3)》DOM节点层次CDATASection类型-第10章笔记(15)