Javascript使用tr id更改td元素的样式
我有一张桌子:Javascript使用tr id更改td元素的样式,javascript,html-table,Javascript,Html Table,我有一张桌子: <table> <tr id="436"> <td>1</td> <td>2</td> <td>3</td> </tr> </table> 应该是这样的: document.getElementById("436").style.color="red" 如果您真的想更改td元素的颜色,可以这样做:
<table>
<tr id="436">
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</table>
应该是这样的:
document.getElementById("436").style.color="red"
如果您真的想更改
td
元素的颜色,可以这样做:
var tr = document.getElementById("436");
var tds = tr.getElementsByTagName("td");
for(var i = 0; i < tds.length; i++) {
tds[i].style.color="red";
}
var tr=document.getElementById(“436”);
var tds=tr.getElementsByTagName(“td”);
对于(变量i=0;i
这会改变
tr
元素的颜色,而不是td
元素内部的所有tr
元素的颜色,还有什么?更改tr
的颜色将应用于td
并且我只需要更改tr的颜色,因为我在一行上有7行,3行是从mysql数据库读取的文本,其他4行是图像(当用户单击图像时,它会下载该平台的频道列表-dvbviewer、progdvb、altdvb等)。我正在制作管理门户。更改tr的颜色属性将应用于td,我认为没有必要这样做,但这样修改DOM的方式与他给定的结果应该是一样的。是的,但DOM将是这样的:1 2 3
,而不是他想要的结果是的,你是对的,很抱歉我误解了你:)谢谢你…你的代码工作得很好…)我期待着这是不可能的…但现在…我看到它真的很有效…再次感谢你。
var tr = document.getElementById("436");
var tds = tr.getElementsByTagName("td");
for(var i = 0; i < tds.length; i++) {
tds[i].style.color="red";
}