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，我不确定是否可以这样做。感谢。

Answer 1

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

（What are valid values for the id attribute in 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/

通过javascript函数设置元素id时，我可以使用变量吗？

1 个答案: