使用节点树方式实现表格偶数行变色

DOM中所有节点的父对象是document

parentNode:父节点

childNodes:所有的子节点

firstChild:第一个子元素

lastChild:最后一个子元素

~~~~~~~~~~~~~~~

childNodes:类数组对象，

　　　　　　*动态集合*：自己不保存任何实际数据

　　　　　　　　　　　　每使用一次都重新查找一遍

for(var i=0;i<parent.childNodes.length;i++)是X的

for(var i=0,len=parent.childNodes.length;i<len;i++)

<script>

//实现表单换色

window.οnlοad=function(){

　　var table=document.getElementByid("data");

　　var tbody=table.tBodies[0];

　　for(var i=0,r=0,len=tbody.childNodes.length;i<len;i++){

　　　　if(tbody.childNodes[i].nodeName=="TR"){

　　　　　　if(r%2==1){

　　　　　　　　　tbody.childNodes[i].className="blue";

　　　　　　}

　　　　　　r++;

　　　　}

　　}

}

</script>

<style>

　　.blue{

　　background-color:#ccccff;

}

</style>

 

转载于:https://www.cnblogs.com/sunyilindbk/p/5011273.html