Question

我有多个像bgcolors一样的tr，如

<tr bgcolor="#FFFFFF">
<tr bgcolor="#000000">
<tr bgcolor="#D30A0A">

我想指定特定的tr并在javascript或CSS中更改其bgcolor而不使用id值。有可能吗？

Answer 1

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

 document.getElementsByTagName('tr')[indexOfYourTR].setAttribute('bgcolor', '#FFFF00')

如果您想要更具体，可以链接getElement方法。例如：

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

这将更改文档中第2个表的第4行。

Answer 2

使用CSS，您可以使用：

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

或：

tr:nth-of-type(1){ /*Matches every <tr> which is the 
                     second element of type tr within
                     its parent*/
}