高性能Javascript 在DOM中爬行

Walking the DOM

DOM提供很多API,在相应操作中,选择最高效的API.

一、用childNodes获得元素集合,再遍历

二、用nextSibling来获取每个相邻元素,  firstChild + nextSibling 加do while   

写法

var el = document.getElementById('mydiv'),

  ch = el.firstChild,

  name = '';

do{

  name = ch.nodeName;

} while( ch = ch.nextSibling);          while ch = ch.nextSibling        

nextSibling 在ie6中比childNodes快16倍,在ie7中快105倍

元素节点

遍历中要过滤掉文本节点,而childNodes中却有这样的。

新API中有只获取元素节点的方法

children    ie6也有

childElementCount

firstElementChild

lastElementChild

nextElementSibling

previousElementSibling

childre比childNodes快很多.

原文地址:https://www.cnblogs.com/yushunwu/p/2179330.html