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>
原文地址:https://www.cnblogs.com/libingql/p/2238373.html