怎么用Javescript改变一个table的属性

[code="java"]

商品发布

[/code]
怎么改变这个TABLE里面的TR的CLASS属性，[color=red]onMouseOut,onMouseOver[/color]的时候改变这个属性

js简洁版：

[code="java"]

<!-- td.ListcoolBar{ color:#000; } td.hover{ color:#ff0000; } -->

商品发布

[/code]

var obj=document.getElementByClassName("ListcoolBar");
obj.class="AAA";

楼上的方法要在使用了prototype.js的时候才可以，getElementByClassName是在prototype里面新加的方法。下面是正确的方法，是通过className 属性来操作。

function over(){ document.getElementsByTagName("tr")[0].className = "over"; } function out(){ document.getElementsByTagName("tr")[0].className = "out"; } .out{ color:green; font-size: 9pt; background-color:#789dfe; } .over{ color:#erd234; font-size: 15pt; background-color:#12ff11; } .ListcoolBar{ color:#ff0000; font-size: 12pt; background-color:#efff11; }

商品发布

用jquery试试，很简单
[code="html"]

<!-- tr.ListcoolBar{ color:#000; } tr.hover{ color:#ff0000; } --> $(document).ready(function(){ $("tr").hover( function () { $(this).removeClass("ListcoolBar").addClass("hover"); }, function () { $(this).removeClass("hover").addClass("ListcoolBar"); } ); });

商品发布

[/code]

不用任何第三方javaScript类库可以这样：
[code="java"]

<br> .myLargeCss{<br> font-size:20px;<br> }<br> .mySmallCss{<br> font-size:5px;<br> }<br>
<br> function changeTrClass(tr){<br> var currentClass = tr.className;<br> if(currentClass==&#39;myLargeCss&#39;){<br> tr.className=&#39;mySmallCss&#39;;<br> }else{<br> tr.className=&#39;myLargeCss&#39;;<br> }<br> }<br>

商品发布

[/code]