zoukankan      html  css  js  c++  java
  • Javascript实现table隔行换色

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
        <script type="text/javascript">
            window.onload = function () {
                var tb = document.getElementById("tb");
                var tbody = tb.getElementsByTagName("tbody")[0];
                var trs = tbody.getElementsByTagName("tr");
    
                for (var i = 0; i < trs.length; i++) {
                    if (i % 2 == 0) {
                        trs[i].style.backgroundColor = "#888";
                    }
                }
            };
        </script>
    </head>
    <body>
        <table id="tb">
            <tbody>
                <tr>
                    <td>
                        第一行
                    </td>
                    <td>
                        第一行
                    </td>
                </tr>
                <tr>
                    <td>
                        第二行
                    </td>
                    <td>
                        第二行
                    </td>
                </tr>
                <tr>
                    <td>
                        第三行
                    </td>
                    <td>
                        第三行
                    </td>
                </tr>
                <tr>
                    <td>
                        第四行
                    </td>
                    <td>
                        第四行
                    </td>
                </tr>
                <tr>
                    <td>
                        第五行
                    </td>
                    <td>
                        第五行
                    </td>
                </tr>
                <tr>
                    <td>
                        第六行
                    </td>
                    <td>
                        第六行
                    </td>
                </tr>
            </tbody>
        </table>
    </body>
    </html>
    
  • 相关阅读:
    实际项目管理-1
    arcengine 错误
    一些视频技术类网站
    winform 组件之dotnetbar10.5.3
    winform 弹框的组件
    一个好的开源网站
    写webservice 注意点
    ww
    js
    瀑布流
  • 原文地址:https://www.cnblogs.com/libingql/p/2238373.html
Copyright © 2011-2022 走看看