表格table隔行换色以及点击整行变色

来源：互联网发布：淘宝刷手举报有奖吗编辑：程序博客网时间：2024/05/01 19:33

//表格table隔行换色以及点击整行变色
function senfe(o, a, b, c, d) {
    if (document.getElementById(o) != null) {
        var t = document.getElementById(o).getElementsByTagName("tr");
        for (var i = 0; i < t.length; i++) {
            t[i].style.backgroundColor = (t[i].sectionRowIndex % 2 == 0) ? a : b;
            t[i].onclick = function() {
                if (this.x != "1") {
                    this.x = "1";
                    this.style.backgroundColor = d;
                } else {
                    this.x = "0";
                    this.style.backgroundColor = (this.sectionRowIndex % 2 == 0) ? a : b;
                }
            }
            t[i].onmouseover = function() {
                if (this.x != "1") this.style.backgroundColor = c;
            }
            t[i].onmouseout = function() {
                if (this.x != "1") this.style.backgroundColor = (this.sectionRowIndex % 2 == 0) ? a : b;
            }
        }
    }
}
//senfe("表格名称","奇数行背景","偶数行背景","鼠标经过背景","点击后背景");
// senfe("MyGrid1", "#f8fbfc", "#e5f1f4", "#ecfbd4", "#bce774");