Могу ли я использовать переменную при установке идентификатора элемента через функцию JavaScript?

Question

Я изучаю javascript и мне было интересно, могу ли я использовать переменную в этом типе сценария.Мне нужен свой идентификатор для каждого HTML-элемента, который я создаю с помощью функции в JavaScript.Будет ли это работать

<script>
    var i=0;
    function add()
    {
        i++;
        var textbox = document.createElement("input");
        textbook.setAttribute("type","text");
        textbook.setAttribute("id",i);
    }
</script>

Как вы можете видеть, я пытаюсь установить идентификатор элемента с помощью переменной i, и я не уверен, что смогу это сделать.Спасибо.

Answer 1

Числа не должны использоваться в качестве идентификаторов в целях совместимости.

( Какие допустимые значения для атрибута id в HTML? )

Помимо опечатки этодолжно сработать.Вы также должны вызвать функцию добавления, чтобы увидеть эффект.

var i=0;
var textboxAmount = 2;
    function add()
    {
        i++;
        var textbox = document.createElement("input");
        textbox.setAttribute("type","text");
        textbox.setAttribute("id",i);
        document.body.appendChild(textbox);
    }
for(var j = 0; j <= textboxAmount; j++){ 
  add()
}

https://jsfiddle.net/bbx1Lfup/5/