设为首页收藏本站

Scripts 学盟

 找回密码
 加入学盟

QQ登录

只需一步,快速开始

查看: 1760|回复: 2
打印 上一主题 下一主题

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

Rank: 9Rank: 9Rank: 9

跳转到指定楼层
1#
莺子 发表于 2011-6-15 12:02:07 |只看该作者 |倒序浏览
<script type="text/javascript">
var a=document.getElementById("table1").tr;
for(var i=0;i<=a.length;i++){
        if(i%2==0)
                {a.style.background="red"}
        else
                {a.style.background="green"};
}
</script>
<div id="table1">
        <table>
                <tr><td>我要变色</td></tr>
                <tr><td>我NO要变色</td></tr>
                <tr><td>我要变色</td></tr>
                <tr><td>我NO要变色</td></tr>
        </table>
</div>

高手帮忙改一下啊
分享到: QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
分享分享0 收藏收藏0

管理员

超级大菜鸟

Rank: 9Rank: 9Rank: 9

2#
混混@普宁.中国 实名认证  发表于 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>
复制代码

使用道具 举报

Rank: 3Rank: 3

3#
翔洪 发表于 2011-6-15 12:06:58 |只看该作者
混混@普宁.中国 发表于 2011-6-15 12:02
试试

可以了嘞,谢谢啊

使用道具 举报

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

手机版|Scripts 学盟   |

GMT+8, 2024-12-19 14:17 , Processed in 1.088400 second(s), 12 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部