Помещение data-index в код 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

 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);

Answer 2

Это было бы что-то вроде добавления этого к вашему js:

serialInput.dataset.index = "the index"

См. Документацию здесь

Answer 3

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