关于JS修改Css class属性

需求如下，要求通过页面加载完后通过onload事件，修改某一个tr的背景颜色，此前tr已经有一个从外部引入css文件的class属性（class="myClass"，在css/default.css文件路径中)
请问各位大虾，js怎么实现改变tr的背景颜色（比如红色）,IE环境下
<html>
.....
<link href="css/default.css" rel="stylesheet" type="text/css" />
.....
<script language="javascript">
function text(){
 //dosomthing
}
</script>
<body onload="text()">
<table>
........
<tr class="myClass"></tr>
......
</table>
</body>
</html>
[/code]
css代码.myClass {word-break: break-all;color: #222222; background-color: #FFFFFF; }
[code=HTML]

解决方案 »

  1.   


    var Table = document.getElementsByTagName("table")[0];
    for(var i=1;i<Table .rows.length;i++){
       //这里可以判断是哪一行
        Table .rows[i].className="classRed"; 
      }
      

  2.   

    谢谢
    不是定位到哪个tr的问题，tr已经可以定位到，是怎样修改该tr的背景色
      

  3.   

    直接修改CSS文件，换用不同的CSS不就可以了！如果要直接改就：
      Table .rows[i].style.backgroundColor="Red"; 
      

  4.   

     .classRed{
      //样式
    }
       Table .rows[i].className="classRed"; 
      

  5.   

    已经定位到tr的话,直接赋值就可以了
    trObj.className = "myClass";
    要看到效果,tr里面的td必须是无背景颜色的
      

  6.   


    table.rows[i].style.backgroundColor = "#FFFFFF";