zoukankan      html  css  js  c++  java
  • js修改隔行tr的颜色。

    <!DOCTYPE html>
    <html lang="zh-Hans">
    <head>
    <meta charset="UTF-8">
    <title>Title</title>
    </head>
    <body>
    <table>
    <tr>
    <td>24</td>
    </tr>
    <tr>
    <td>24</td>
    </tr>
    <tr>
    <td>24</td>
    </tr>
    <tr>
    <td>24</td>
    </tr>
    <tr>
    <td>24</td>
    </tr>
    <tr>
    <td>24</td>
    </tr>
    <tr>
    <td>24</td>
    </tr>
    <tr>
    <td>24</td>
    </tr>
    </table>

    <input type="button" value="测试隔行变色" onclick="getTr()" />
    <script>
    function getTr(){
    var trlist=document.getElementsByTagName("tr");
    for(var i=0;i<trlist.length;i++){
    if(i%2==0){
    trlist[i].style.backgroundColor="red";

    }else{
    trlist[i].style.backgroundColor="green";
    }
    }
    }
    </script>
    </body>
    </html>
  • 相关阅读:
    第四次作业
    随机点名
    表单验证
    冒泡排序&&选择排序
    Equals相等
    String类
    最终类final
    Eclipse的设置
    Equals相等(测试)
    猜数字
  • 原文地址:https://www.cnblogs.com/alone2015/p/5504682.html
Copyright © 2011-2022 走看看