为了账号安全,请及时绑定邮箱和手机立即绑定

js代码;简单的隔行变色;不知道问题在哪里;求请教

js代码;简单的隔行变色;不知道问题在哪里;求请教

肥皂起泡泡 2018-09-12 13:15:29
<!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张三232赵六343王五124李四23</body></html>
查看完整描述

1 回答

?
繁花如伊

TA贡献2012条经验 获得超12个赞

<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循环外


查看完整回答
反对 回复 2018-10-18
  • 1 回答
  • 0 关注
  • 577 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信