Javascript使用tr id更改td元素的样式 [英] Javascript change style of td element using tr id

问题描述

我有一张桌子：

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

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

Now I need using Javascript to get tr element using id and then in that tr add CSS style of changing text color.

我试过 getelementbyid（436）但我不知道下一步怎么办。

I have try getelementbyid("436") but I don't know how to do next.

所以我需要得到这个：

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

推荐答案

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

How about this, if you really want to change the color of the td elements:

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/

这篇关于Javascript使用tr id更改td元素的样式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！