js代码；简单的隔行变色；不知道问题在哪里；求请教
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script>
window.onload=function(){
var qwe=document.getElementById('tab')
for(var i=0; i<qwe.tBodies[0].rows.length;i++)
{ if(i%2)
{
qwe.tbodies[0].rows[i].style.background=''
} else{
qwe.tbodies[0].rows[i].style.background='#ccc'
}
}
}</script>
</head>
<body>
| 序号 | 名字 | 年龄 |
| 1 | 张三 | 23 |
| 2 | 赵六 | 34 |
| 3 | 王五 | 12 |
| 4 | 李四 | 23 |
</body>
</html>
肥皂起泡泡浏览 578回答 1
1回答
-
繁花如伊
<html><head><meta charset="utf-8"><title>无标题文档</title><script>window.onload=function(){ var qwe=document.getElementById('tab'); var tbRows = qwe.tBodies[0].rows; for(var i=0; i<tbRows.length;i++) { if(i%2) { tbRows[i].style.background='#fff'; } else{ tbRows[i].style.background='#ccc'; } }}</script></head><body><table id="tab" width="500px"><thead><tr><td>序号</td> <td>名字</td> <td>年龄</td> </tr></thead><tbody><tr><td>1</td> <td>张三</td> <td>23</td> </tr><tr><td>2</td> <td>赵六</td> <td>34</td> </tr><tr><td>3</td> <td>王五</td> <td>12</td> </tr><tr><td>4</td> <td>李四</td> <td>23</td> </tr></tbody></table></body></html>把qwe.tBodies[0].rows定义在for循环外
随时随地看视频慕课网APP
相关分类
JavaScript