DOM

标签 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>