首页 > 代码库 > JS中children与childNodes区别

JS中children与childNodes区别

children返回指定元素的子结点集合,只包含HTML结点。

childNodes返回的子结点集合中不仅包含HTML结点,还包含属性,文本。可以通过nodeType来判断是哪种类型的节点,只有当nodeType==1时才是元素节点,2是属性节点,3是文本节点。可以通过如下代码判断元素结点个数

            var list = document.getElementById("div1").childNodes;
            var count2 = 0;
            for(i = 0;i<list.length;i++)
                if(list[i].nodeType == 1)
                    count2 ++;

JS中children与childNodes区别