Scripts 学盟

标题: 怎么用JS控制表格变色 [打印本页]
作者: 莺子    时间: 2011-6-15 12:02:07     标题: 怎么用JS控制表格变色

<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>

高手帮忙改一下啊
作者: 混混@普宁.中国    时间: 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>

  10. <script type="text/javascript">
  11. var a = document.getElementById("table1").getElementsByTagName("table")[0].rows;
  12. for(var i=0; i<=a.length; i++){
  13.         if (i%2==0) {
  14.                 a[i].style.background="red"
  15.         } else {
  16.                 a[i].style.background="green"
  17.         };
  18. }
  19. </script>
复制代码
作者: 翔洪    时间: 2011-6-15 12:06:58

混混@普宁.中国 发表于 2011-6-15 12:02
试试

可以了嘞，谢谢啊



欢迎光临 Scripts 学盟 (http://www.iscripts.org/) Powered by Discuz! X2