javascript - 使用 setAttribute 将 id 设置为元素最后一行的 td

标签 javascript html

我正在生成一个表行,该表行在 html 中动态地包含两列,其中包含数据库中的值。 我希望第一列的每个 td 都有一个我已经完成的唯一 id,但我无法将 id 设置为表中最后一行的 td。 这是设置id的代码

<script>
var i=0;
var id=1;
while(i<100)
{
document.getElementsByTagName("td")[i].setAttribute("id", id);
i=i+2;
id=id+1;
}
</script>

任何帮助将不胜感激

最佳答案

but i cant set the id to the td of last row in the table.

您需要先到达表格中的最后一行。

var allRows = document.getElementsByTagName("tr");
var lastRow = allRows[allRows.length - 1];

现在将 Id 设置为最后一行的第一个 td

lastRow.getElementsByTagName("td")[0].setAttribute("id" , allRows.length + 1 );

关于javascript - 使用 setAttribute 将 id 设置为元素最后一行的 td,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36215539/

相关文章:

HTML 标签文本内容替换为图标

javascript - 如何在更改值时获取数据列表中的 id 值?

javascript - 在 Javascript 中将 é 转换为其原始形式

html - rails : Using Bootstrap Input Style to Replace the built-in form_for method in Rails

html - 如何删除我的 div 中两个元素之间的空白(见图)?

html - CSS - 盒子模型 - 仅适用于 Chrome

html - 为什么我的文字与图片不一致?

javascript - 在 Meteor.JS 中创建第一个用户时创建第二个用户

javascript - ngFlow 到 Forimidable node.js 服务器

javascript - Laravel 和 Surveyjs