将数据索引放在Javascript代码中

Question

我有一个html表单，其中包含一些由js文件生成的字段。我正在试图弄清楚如何将“数据索引”添加到javascript代码中，我找不到任何关于如何添加它的文档（也许我正在搜索错误的东西）

以下是js文件中代码的简短摘录：

   const serialInput = createDomElement("input", "form-control")
            serialInput.name ="serial " + device_id
            serialInput.placeholder="10 characters"
            serialInput.required = true
            serialInput.className ="form-control"
            serialInput.minLength = "10"
            serialInput.maxLength = "10"

我需要将data-index="x"添加到该代码中。非常感谢任何帮助。

Answer 1

serialInput.setAttribute('data-index', 'x');
//or
serialInput.dataset.index = 'x';

Answer 2

这就像添加到你的js：

serialInput.dataset.index = "the index"

请参阅文档here

Answer 3

 const serialInput = document.createElement("input");
            serialInput.name ="serial 1";
            serialInput.placeholder="10 characters";
            serialInput.required = true;
            serialInput.className ="form-control";
            serialInput.minLength = "10";
            serialInput.maxLength = "10";
            serialInput.setAttribute("data-index","x");
            
            console.log(serialInput);