标签   CSS       元素   JS    节点   DOM

对dom的支持

IE     10%     Chrome    60%    FF   99%

1.chidNodes 子节点。下面所示的例子中有5个子节点的原因是    aaaa这种文本节点。标签则是另一种元素节点。所以一共有五个。如果希望把元素节点的背景改颜色,则需要通过nodeType来选出。根据测试可以知道文本节点的nodetype是3,所以通过一个if语句来选择。

2.如果这里li还有下一层的li,并不会算在子节点的个数里面。

3.一个非常好用的children,直接就显示的是元素节点的个数。

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>

    </style>
</head>
<body>
<ul id="ull">
    <li></li>
    <li></li>

</ul>
<script>
var oUl = document.getElementById("ull");
    alert(oUl.children.length);
    for(var i=0;i<oUl.childNodes.length;i++)
    {
        if(oUl.childNodes[i].nodeType==1)
        {
            oUl.childNodes[i].style.background = 'red';

        }
    }

</script>

</body>
</html>