【问题标题】:Generating table, giving rows IDs生成表,给出行 ID
【发布时间】:2015-06-19 01:45:10
【问题描述】:

我正在使用 JavaScript 生成表格单元格,我想为生成的单元格分配增量 ID。我尝试使用<td id=""> 的 HTML 标记,但遗憾的是,它没有成功。

我生成表格单元格的代码如下所示。如何为单元格分配增量 ID?

function tab_add() {
    i = 1;
    var output = localStorage.getItem('x');     

    var table = document.getElementById("myTable");
    var row = table.insertRow(0);
    var cell1 = row.insertCell(0);
    var cell2 = row.insertCell(1);
    cell1.innerHTML = output;
    cell2.innerHTML = i;
    i = i+1;                    
}

【问题讨论】:

  • 这是一个 html/javaSCRIPT 问题,而不是 java。我已经相应地更新了你的标签
  • 啊,对不起!我的错,第一次来这里^^并显示我还有多少要学习>
  • 显然有人必须对其进行同行评审才能使其上线。任何。无论如何,关于你的问题:你是想填充单元格的内容,还是给单元格本身一个 id?此外,使用您那里的代码,“i”的值始终为 1,因为每次调用函数时都会重置它。
  • 您是一次性生成表格,还是根据用户输入动态添加行?我想看到更多代码,在哪里调用这个函数。可能有更好的方法来构建它。
  • 您的动态创建表格的解决方案会强制浏览器在您每次执行 insert() 或 innerHTML 时重新计算所有内容。使用 DocumentFragment 然后将其添加到 DOM 可以节省大量资源(当然取决于表的大小)

标签: javascript html auto-generate


【解决方案1】:

你可以做类似cell1.id = i;row.id = i;之类的事情

【讨论】:

  • 供参考:Element.id
  • 非常感谢!似乎是树木和森林的案例^^”抱歉要求这么简单的事情。会尽快实施并报告。
猜你喜欢
  • 1970-01-01
  • 2021-10-30
  • 2011-01-09
  • 2012-04-26
  • 2018-11-11
  • 2016-07-02
  • 2021-12-28
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多