javascript - 有没有办法增加自定义 HTML 属性？

Question

我正在使用动态字段构建一些内容，并且我希望能够对每个字段进行编号，以便我可以使用 POST 请求。

有没有办法可以增加自定义属性，以便我知道哪个字段是哪个？

var qID = 0;

<div class="questionContainer" data-question-id="qID"></div>

qID++;

我已经尝试过，但它只是将属性转换为字符串。谢谢!

Answer 1

您可以在它们全部生成后执行此操作

let cnt=0;    
document.querySelectorAll(".questionContainer")
  .forEach(el => el.setAttribute("data-question-id",cnt++) )

或

let cnt=0;    
document.querySelectorAll(".questionContainer")
  .forEach(el => el.dataset.questionId=cnt++)

您将需要

[...document.querySelectorAll(".questionContainer")].forEach

IE支持

[...document.querySelectorAll(".questionContainer")]
.forEach((el, i) => {
  el.dataset.questionId = i;
  el.innerText = "Question #"+(i + 1)
})

<div class="questionContainer" data-question-id="qID"></div>
<div class="questionContainer" data-question-id="qID"></div>
<div class="questionContainer" data-question-id="qID"></div>
<div class="questionContainer" data-question-id="qID"></div>
<div class="questionContainer" data-question-id="qID"></div>