javascript - 通过javascript函数设置元素ID时可以使用变量吗？

Question

我正在学习 javascript，我想知道是否可以在这种情况下使用变量。我需要为使用 javascript 中的函数创建的每个 HTML 元素使用不同的 id。这行得通吗

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

如您所见，我正在尝试使用 i 变量在元素上设置 id，但我不确定是否可以这样做。谢谢。

标签： javascripthtmlattributesincrement

Answer 1

出于兼容性原因，数字不应用作 ID。

（HTML 中 id 属性的有效值是什么？）

除了错字之外，这应该可以工作。您还应该调用 add 函数来查看效果。

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/