JS获得table

最新推荐文章于 2022-07-25 20:03:13 发布

原创最新推荐文章于 2022-07-25 20:03:13 发布 · 132 阅读

0 ·

CC 4.0 BY-SA版权

JS和CSS 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现表格隔行变色的方法。通过获取指定ID的表格元素，然后选择其tbody部分，并遍历所有行，使得每两行中的一行背景颜色变为黑色。

下面这段代码是把一个table中的各行，隔行变色显示

：

function getTable(){
         var table = document.getElementById("tableId");
        var tbody = table.getElementsByTagName("tbody")[0];
        var trs = tbody.getElementsByTagName("tr");
        for(var i=0;i<trs.length；i++){
                if(i%2==0){
                       trs[i].style.backgroundcolor="#000";
                 }
        }
}