改变TR类似乎不起作用

时间:2016-03-05 22:05:07

标签: javascript css

我试图用javascript更改TR className,为什么它似乎不起作用(注意:必须也适用于IE8)

<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>

1 个答案:

答案 0 :(得分: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>