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/

Answer 2

它应该是这样的：

 document.getElementById("436").style.color="red"

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

2 个答案: