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

Question

我有一张桌子：

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