html表格的构建,遍历改变其背景颜色

// 改变表个偶数行的颜色,操作方法。
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<-table的定义方式->
<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>
    </tbody>
</table>
<script>
    window.onload=function(){
        var item= document.getElementById("tb")
        var tbody=item.getElementsByTagName("tbody")[0]
        var trs= tbody.getElementsByTagName("tr")
        alert(trs.length)
        for(var i=0;i<trs.length;i++){
            if(i%2==0){
                trs[i].style.background="#888"
            }
        }
    }
</script>
</body>
</html>

相关推荐