如何在javascript中更改特定的颜色

如何在javascript中更改特定的颜色,javascript,html,css,Javascript,Html,Css,我有多个tr,颜色如下 <tr bgcolor="#FFFFFF"> <tr bgcolor="#000000"> <tr bgcolor="#D30A0A"> 我想指定特定的tr并在javascript或CSS中更改其bgcolor,而不使用id值。 有可能吗?使用CSS,您可以使用: .parent_element:nth-child(1){ /*Matches the second <tr> in .parent_element*/ }

我有多个tr,颜色如下

<tr bgcolor="#FFFFFF">
<tr bgcolor="#000000">
<tr bgcolor="#D30A0A">
我想指定特定的tr并在javascript或CSS中更改其bgcolor,而不使用id值。 有可能吗?

使用CSS,您可以使用:

.parent_element:nth-child(1){ /*Matches the second <tr> in .parent_element*/
}
或:

document.getElementsByTagName是您要查找的。它返回一个DOM元素数组。与每个好的数组对象一样,您可以通过索引选择目标tr:

如果希望更具体一些,可以链接getElement方法。例如:

document.getElementsByTagName('table')[1].getElementsByTagName('tr')[3].setAttribute('bgcolor', '#FFFF00');

这将更改文档中第二个表的第四行。

是的,这是可能的,但它有什么特别之处?有很多方法可以做到这一点。您如何知道要修改哪个tr?你想用当前的颜色、表中的位置、内容还是…?你能解释一下吗?我对代码进行了注释并添加了文档链接。如何识别特定的tr索引?@user3152748从DOM顺序!这将更改文档中第二个表的第四行。或者,这将更改文档中第一个表的第三行。?user3152748第二个表的第四行,因为它基于0索引0=1,1=2,2=3。。。!
 document.getElementsByTagName('tr')[indexOfYourTR].setAttribute('bgcolor', '#FFFF00')
document.getElementsByTagName('table')[1].getElementsByTagName('tr')[3].setAttribute('bgcolor', '#FFFF00');