JS实现表格行交替换色

function changeTrColor(){

var tables = document.getElementsByTagName("table");
for (var i=0; i<tables.length; i++){
    var odd = false;
    var rows = tables[i].getElementsByTagName("tr");
    for (var j=0; j<rows.length; j++){
        if (odd == true){
        rows[j].style.backgroundColor = "#f00";
        odd = false;
        } else {
           odd = true;
        }
    }
    }
    }
   
window.onload = changeTrColor;

原理比较简单
初始给变量odd赋值为false 第一次循环 没有设置背景颜色 并且返回值为true
第二次循环 变量odd值为true 所以设置背景色 并返回false ···

Write a comment