html - 是否有可能为 html 标签添加一个增量 ID？

Question

我问这个问题是因为我正在编写代码并且我专注于这个问题。实际上，我在一个循环中动态创建了一个表，我想给每一列起一个名字，比如“clm”+ i。其中 i 是一个变量，每次循环结束时都会增加。有可能做到吗？

每esempio

for(...)
 <table> 
<tr> <td id='clm'+i></td></tr>
</table>
i++;

引号的位置是否正确？

标签： htmltags

Answer 1

你非常接近我认为你想要完成的事情。

基本上，你想要这样的东西：

var myRow = document.getElementById("myRow");

for (i = 0; i < 5; i++) {
  myRow.innerHTML += '<td id="clm' + i + '">Cell</td>';
}

console.log(myRow.innerHTML); // You can also check the cells with inspect element

<table>
  <tr id="myRow"></tr>
</table>

此处的示例代码将找到带有 id 的行，并在myRow其中简单地附加新td标签。

这里要注意的是'<td id="clm' + i + '">Cell<td>'部分。如您所见，我关闭引号并i在其间连接以将数字放入 id 属性中。