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

Question

我有一个表，它的数据是由 Java 服务器页面生成的，我想tr通过使用 JavaScript 选择一行来设置 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>