设为首页收藏本站

Scripts 学盟

 找回密码
 加入学盟

QQ登录

只需一步,快速开始

查看: 1667|回复: 0
打印 上一主题 下一主题

怎么用JS控制表格变色 [复制链接]

管理员

超级大菜鸟

Rank: 9Rank: 9Rank: 9

1#
混混@普宁.中国 实名认证  发表于 2011-6-15 12:02:59 |显示全部楼层
试试
  1. <div id="table1">
  2.         <table>
  3.                 <tr><td>我要变色</td></tr>
  4.                 <tr><td>我NO要变色</td></tr>
  5.                 <tr><td>我要变色</td></tr>
  6.                 <tr><td>我NO要变色</td></tr>
  7.         </table>
  8. </div>

  9. <script type="text/javascript">
  10. var a = document.getElementById("table1").getElementsByTagName("table")[0].rows;
  11. for(var i=0; i<=a.length; i++){
  12.         if (i%2==0) {
  13.                 a[i].style.background="red"
  14.         } else {
  15.                 a[i].style.background="green"
  16.         };
  17. }
  18. </script>
复制代码

使用道具 举报

您需要登录后才可以回帖 登录 | 加入学盟

手机版|Scripts 学盟   |

GMT+8, 2024-5-17 11:28 , Processed in 1.087005 second(s), 11 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部