JS自定义封装库 之 表单增强

1、斑马线表单

.ml-table{
        margin:0 auto;
        border:1px solid #699;
    }
.ml-table caption{
        margin:0 auto;
        padding:0.2em;
        font-size:1.2em;
        font-weight:bold;
    }
.ml-table th{
        font-weight:normal;
        font-style:italic;
        text-align:left;
        border:1px dotted #699;
        background-color:#9cc;
        color:#000;
    }
 ml-table th,.ml-table td{
        width:10em;
        padding:0.5em;
    }

function stripeTables(){
    if(!document.getElementsByTagName)return false;
    var tables=document.getElementsByTagName("table");
    var rows,odd=false;                                 //给偶数行加背景
    for(var i=0;i<tables.length;i++){
        rows=tables[i].getElementsByTagName("tr");
        for(var j=0;j<rows.length;j++){
            if(odd==true){
                rows[j].style.backgroundColor="#ffc";
                odd=false;
            }else{
                odd=true;
            }
        }
    }
}

本代码示例摘自《JavaScript DOM 编程艺术》，在此记录，作为备忘。