Js實現table單雙行交替色

標籤：style   blog   color   java   os   io   for   ar   

　　依稀記得，當初我剛學編程的時候還學過怎麼實現表格單雙行交替色，現如今早已記不清當時的實現思路，這兩天突然想起，沒事就自己寫了一小段代碼，也不知道是否是當年的思路，不過不用糾結這個問題。:）

　　代碼很簡單，利用純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>