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