js实现隔行变色

最新推荐文章于 2024-04-14 08:44:26 发布

airuoflora

最新推荐文章于 2024-04-14 08:44:26 发布

阅读量305

点赞数

分类专栏： html java 文章标签： java

本文链接：https://blog.csdn.net/floraruo/article/details/103414227

版权

java 同时被 2 个专栏收录

30 篇文章 1 订阅

订阅专栏

html

12 篇文章 0 订阅

订阅专栏

<script type="text/javascript">
    var item = document.getElementById("infotable");        
    var tbody = item.getElementsByTagName("tbody")[0];   //获取表格的第一个tbody元素
    var trs = tbody.getElementsByTagName("tr");     //获取tbody元素下的所有tr元素
    for(var i=0;i<trs.length;i++){      //循环tr元素
        if(i%2==0){             //取模
            trs[i].style.background = "#006633";       //改变符合条件的tr元素的背景色
        }
    }
</script>