zoukankan      html  css  js  c++  java
  • Js实现table单双行交替色

      依稀记得,当初我刚学编程的时候还学过怎么实现表格单双行交替色,现如今早已记不清当时的实现思路,这两天突然想起,没事就自己写了一小段代码,也不知道是否是当年的思路,不过不用纠结这个问题。:)

      代码很简单,利用纯Js实现表格单双行交替色。

    //Js实现表格单双行交替色
    function SetTrColor(tableId) {
        var table = document.getElementById(tableId);//根据table的 id 属性值获得对象  
        var rows = table.getElementsByTagName("tr");//获取table类型的tr元素的列表  
        for (var i = 0; i < rows.length; i++) {
            if (i % 2 == 0) {
                rows[i].style.backgroundColor = "#D9F5D4";//偶数行时背景色为#D9F5D4  
            }
            else {
                rows[i].style.backgroundColor = "White";//单数行时背景色为white  
            }
        }
    }

      在页面加载完之后传入对应表格元素的Id调用即可。

    <script type="text/javascript">
            window.onload = function trColor() {//窗口加载时调用
                SetTrColor("tableId");
            }
    </script>
  • 相关阅读:
    ural1018(树形dp)
    hdu1011(树形dp)
    poj1463(树形dp)
    poj1655(树形dp)
    poj1155(树形dp)
    hdu2196(树形dp)
    hdu1520(树形dp)
    hdu2126(求方案数的01背包)
    运用bootstrap框架的时候 引入文件的问题
    动态的改变标签内的src属性
  • 原文地址:https://www.cnblogs.com/52XF/p/3900048.html
Copyright © 2011-2022 走看看