<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)
回复评论