动态创建元素的数据属性

Question

我正在动态创建元素，这是我用于一个单元格的代码。

我想添加一个带有自定义值的数据属性。

我试过了：

<link type="text/css" href="/bootstrap/dist/css/bootstrap.css" rel="stylesheet" >
<link type="text/css" href="/css/style.css" rel="stylesheet" >

但没有一个工作

elCostPrice.data-num = i;

elCostPrice.data["num"] = i;

elCostPrice.prop["num", i]

Answer 1

您需要使用HTMLElement.dataset属性

  

HTMLElement.dataset属性允许在读取和写入模式下访问元素上设置的所有自定义数据属性（data- *），无论是在HTML中还是在DOM中。

elCostPrice.dataset.num = i;

Answer 2

有两种方法：

1. 使用setAttribute：elCostPrice.setAttribute("data-num", i);

2. 使用dataset：elCostPrice.dataset.num = i;