childNodes和children

childNodes

返回指定元素的子节点集合，包括HTML节点，所有文本（元素之间的空格换行childNodes会看作文本节点）。

通过nodeType来判断节点的类型：

元素　　　　1

属性　　　　2

文本　　　　3

注释　　　　8

文档　　　　9

使用firstChild返回元素的第一个子元素，如果第一个节点前边有空格或换行，那么返回的是文本节点。这不是我们想要的。但我们可以通过一下方法获得第一个元素

function getFirst(el){
    for(var i=0;i<=el.childNodes.length;i++){
        if(el.childNodes[i].nodeType==1)
            return el.childNodes[i];
    }
}

children

返回元素的子元素集合，不返回文本节点。