[javascript]代码库
<script type="text/javascript">
window.onload = function(){ //页面所有元素加载完毕
var item = document.getElementById("tb"); //获取id为tb的元素(table)
var tbody = item.getElementsByTagName("tbody")[0]; //获取表格的第一个tbody元素
var trs = tbody.getElementsByTagName("tr"); //获取tbody元素下的所有tr元素
for(var i=0;i < trs.length;i++){//循环tr元素
if(i%2==0){ //取模. (取余数.比如 0%2=0 , 1%2=1 , 2%2=0 , 3%2=1)
trs[i].style.backgroundColor = "#AAA"; // 改变 符合条件的tr元素 的背景色.
}
}
}
</script>
</head>
<body>
<table id="tb">
<tbody>
<tr><td>1 http://yuncode.net</td></tr>
<tr><td>2 http://yuncode.net</td></tr>
<tr><td>3 http://yuncode.net</td></tr>
<tr><td>4 http://yuncode.net</td></tr>
<tr><td>5 http://yuncode.net</td></tr>
<tr><td>6 http://yuncode.net</td></tr>
<tr><td>7 http://yuncode.net</td></tr>
<tr><td>8 http://yuncode.net</td></tr>
<tr><td>9 http://yuncode.net</td></tr>
<tr><td>10 http://yuncode.net</td></tr>
<tr><td>11 http://yuncode.net</td></tr>
<tr><td>12 http://yuncode.net</td></tr>
</tbody>
</table>
[代码运行效果截图]
高级设计师
by: 小蜜锋 发表于:2013-02-15 19:47:50 顶(0) | 踩(0) 回复
关键是 if(i%2==0)
回复评论