js 动态 指定 table 各行样式

1. 写好样式 这里指定了2个颜色

tr .BgColor{

background-color:#FF0;

}

tr .BgColor1{

background-color:#ffffff;

}

2. 写 js

window.onload=function(){ // 定义一个页面加载事件

var rows=document.getElementById('rows').value; // 这里我写了一个 hidden 里面赋了 一个 总行数的值 获取出来

for(i=1;i<=rows;i++){ // 开始循环

var name=document.getElementById('table1').rows[i].cells[6].innerHTML; // 得到表格 第 i 行 第 6+1 列的值

if(name=='负面'){ //如果name是 负面 的话

document.getElementById('table1').rows[i].className="BgColor"; //指定当前航为 此样式

}else{

document.getElementById('table1').rows[i].className="BgColor1"; //指定当前航为 此样式

}

}

}