html - 如何快速给625个cell一个ID?

标签 html algorithm html-table

我正在尝试创建一个包含 25 行和 25 列的表格。我需要每个 <td>被分配一个唯一的ID。要手动执行此操作,我必须编写每个 <td> 的 ID 625 次,这是一项单调的任务。我怎样才能快速轻松地做到这一点?

我在想我可以给每个 <tr>一个 ID,它是一个介于 1 和 25 之间的值。每个 <td> 的 ID然后也许可以由

*ID of corresponding tr* + "- i"

对于整数 0

最佳答案

是的,您的想法正朝着正确的方向发展。您可以使用 Javascript 或让 Razor 生成带有 .cshtml 和 C# 的 html ... 如果您使用 JS 生成整个表并且不要用纯 html 编写表并尝试稍后修改,可能会更容易。如果您不想依赖激活的 JS,您可以使用 JS 生成一次代码,然后复制纯 html。

使用某种循环和重复通过JS附加一些html代码

<html>
<table>
<tbody id="myTable">
</tbody>
</table>

<script type="text/javascript">
var i = 0;
while(i < 100)
{
document.getElementById('myTable').innerHTML += "<tr id='" + i + "'>Hallo</tr>";
i++;
}
</script>
</html>

关于html - 如何快速给625个cell一个ID?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34226843/

相关文章:

html - 使蒙版背景中的列表框可见

java - 为什么二叉搜索树会变得向右不平衡?

java - Yatzy 机器人中的保持功能问题

html - 如何将表格的第 th 个单元格排列在其下方 td 单元格的中间(在边框上)

javascript - 更新特定行的特定列 - jQuery

html - 用 border-collapse 改变表格的宽度 : collapse

javascript - html5 视频自动播放在 android 4.1 中不起作用

jquery - 使用 jquery 的登录面板

html - 嵌套 Flexbox 高度问题

javascript - 从数组值生成笛卡尔积对象