在JavaScript中将id添加到html表行

Question

我表格中的行具有唯一ID，例如：selectedIndex 我以这种方式通过javascript追加新行：

<tr id = "tb6">

如何在vanilla javascript（而不是jquery）中为这个新创建的行添加id。

Answer 1

row.id = "foo";

或

row.setAttribute("id","foo");

Answer 2

首先，为每个表行设置唯一ID是一种非常糟糕的做法。如果要标识表行，可以根据数据本身执行此操作。看看事件冒泡的概念。最好使用event.target和event.currentTarget来标识要触发事件的行。如果你想为你拥有的东西设置一个id，你可以这样做：

var table = document.getElementById(f); var row = table.insertRow(); var cell1 = row.insertCell(); var cell2 = row.insertCell(); row.id = "xyz"; //you can add your id like this cell1.innerHTML = text1; cell2.innerHTML = text2;

但是，我必须告诉你，为行使用唯一ID是非常糟糕的做法

每次都不能设置每一行的唯一ID。这个想法是利用自然发生的事件冒泡现象。所以不妨使用它。随着应用程序自身扩展，ID必须变得越来越通用，这本身就很麻烦。