Javascript 使用 tr id 更改 td 元素的样式

Question

我有一张 table :

<table>
    <tr id="436">
       <td>1</td>
       <td>2</td>
       <td>3</td>
    </tr>
</table>

现在我需要使用 Javascript 使用 id 获取 tr 元素，然后在该 tr 中添加更改文本颜色的 CSS 样式。

我已经尝试了 getelementbyid("436") 但我不知道下一步该怎么做。

所以我需要得到这个:

  <table>
    <tr id="436">
       <td style="color: red">1</td>
       <td style="color: red">2</td>
       <td style="color: red">3</td>
    </tr>
  </table>

Answer 1

这个怎么样，如果你真的想改变 td 元素的颜色:

var tr = document.getElementById("436");
var tds = tr.getElementsByTagName("td");

for(var i = 0; i < tds.length; i++) {
   tds[i].style.color="red";
}

http://jsfiddle.net/UEbCL/