2016-03-05 35 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>