是否有可能敢为html标签增加ID?

时间:2018-06-21 14:51:59

标签: html tags webpage id

我问这个问题是因为我在写代码,我专注于这个问题。实际上,我在一个循环内动态创建了一个表,并且我想给每列一个名称,例如“ clm” + i。 其中i是在周期结束时每次增加的变量。有可能做到吗?

每次

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

引号的位置是否正确?

1 个答案:

答案 0 :(得分: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属性中。