如何动态设置HTML元素的id属性？

Question

我有一个表，它的数据是由Java Server页面生成的，我想通过使用JavaScript选择一行来设置tr id属性：

<tr>  // this is id attribute i want to set 
   <td>data</td>
</tr>

Answer 1

如果这是您网页上唯一的（或第一个）<tr>，那么这应该有效：

<script type="text/javascript">
document.getElementsByTagName("tr")[0].id = "the_id";
<script>

如果表有多行，请执行以下操作：

<script type="text/javascript">
var trs = document.getElementsByTagName("tr");
var i = 0;
while (i<trs.length)
{
    trs[i].id = "the_id_"+i;
    i++;
}
<script>