DOM扩展（元素遍历）

[liuxilei]

对于元素间的空格，IE9及之前版本不会返回文本节点，而其他所有浏览器都会返回文本节点。这样，就导致了在使用childNodes和firstChild等属性时的行为不一致。为了弥补这一差异，而同时又保持DOM规范不变，Element Traversal规范新定义了一组属性。
Element Traversal API为DOM元素添加了以下5个属性。

• childElementCount: 返回子元素（不包括文本节点和注释）的个数
• firstElementChild: 指向第一个子元素；firstChild的元素版。
• lastElementChild: 指向最后一个子元素；lastChild的元素版。
• previousElementSibling: 指向前一个同辈元素；previousSibling的元素版。
• nextElementSibling: 指向后一个同辈元素；nextSibling的元素版。
  支持的浏览器为DOM元素添加了这些属性，利用这些元素不必担心空白文本节点，从而可以更方便地查找DOM元素了。
  下面来看一个例子。过去，要跨浏览器遍历某元素的所有子元素，需要像下面这样写代码。

var i,
    len,
    child = element.firstChild;
while(child != element.lastChild) {
    if (child.nodeType == 1) {
        processChild(child);
    }
    child = child.nextSibing;
}

而使用Element Traversal新增的元素，代码会更简洁。

var i,
    len,
    child = element.firstElementChild;
while(child != element.lastElementChild) {
    processChild(child);
    child = child.nextSibing;
}