2016-03-05 34 views
0

我试图用JavaScript,为什么它似乎没有工作,改变TR类名(注:也必须连续工作IE8)更改TR类似乎并没有工作

<html> 
<head> 
    <style> 
    tr.test {background-color:#000000;margin:0;border:0;padding:0;} 
    </style> 
    <script> 
    _table = document.getElementsByTagName("table")[0]; 
    _tbody = _table.getElementsByTagName("tbody")[0]; 
    _tr = _tbody.getElementsByTagName("tr")[0]; 
    _tr.className="test"; 
    </script> 
</head> 
<table> 
    <tbody> 
    <tr> 
    <td></td> 
    </tr>  
    </tbody> 

</table> 
</html> 
+0

地方closing''标签在此之前'script',或在某种'窗口load'事件,也将努力 –

+0

这是相当多的代码比你所需要的。获取表后,您可以非常轻松地获得其后代:'_table.tBodies [0] .rows [0] .className =“test”;' – 2016-03-05 22:19:38

+0

或使用:'document.querySelector(“table> tbody> tr” ).className = “测试”;' – 2016-03-05 22:20:36

回答

1

把你的代码后table标签

<html> 
<head> 
    <style> 
    tr.test {background-color:#000000;margin:0;border:0;padding:0;} 
    </style> 
</head> 
<body> 
<table> 
    <tbody> 
    <tr> 
    <td></td> 
    </tr>  
    </tbody> 

</table> 
<script> 
    _table = document.getElementsByTagName("table")[0]; 
    _tbody = _table.getElementsByTagName("tbody")[0]; 
    _tr = _tbody.getElementsByTagName("tr")[0]; 
    _tr.className="test"; 
</script> 
</body> 
</html>