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 编程艺术》,在此记录,作为备忘。