Question

这是我的问题：
我在<td>元素中有一个html表，参数为“ data-column”，如下所示：

<td class="column100 column1" data-column="column1">Total</td>
<td class="column100 column2" data-column="column2">--</td>

使用Javascript函数，我想添加新的行和列，这是可行的，但是没有添加元素'data-column =“ columnX”'并且我不知道如何添加它？
这是我的Javascript函数的一部分。

var a = x.insertCell(0);
var b = x.insertCell(1);
a.className = 'column100 column1';
b.className = 'column100 column2';

结果是：

<td class="column100 column1">Mois 0</td>
<td class="column100 column2">--</td>

但是我需要添加“数据列”。

Answer 1

使用setAttribute

var x = document.getElementById("x");
var a = x.insertCell(0);
a.className = 'column100 column1';
a.setAttribute("data-column", "column1");
a.innerText = x.innerHTML;

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

如何使用insertCell（）添加数据列？

1 个答案: