javascript - 根据输入名称动态创建 ID

Question

我想知道如何根据每个输入标签的名称动态生成 ID。我必须仅使用 javascript 来完成此操作 - 而不是 jQuery。

例如，如果我有以下文本输入:

<input type="text" name="input1" value="">
<input type="text" name="input2" value="">
<input type="text" name="input3" value="">

我想以这样的方式结束:

<input id="input1" type="text" name="input1" value="">
<input id="input2" type="text" name="input2" value="">
<input id="input3" type="text" name="input3" value="">

如有任何帮助，我们将不胜感激，谢谢!

Answer 1

在普通JS中，您可以获取标签名称的元素基础。然后设置该元素的 id 属性

function setinputIds() { 
   var inputs = document.getElementsByTagName('input');

    for(var i=0;i < inputs.length; i++) {
        var id = inputs[i].getAttribute('name');
        inputs[i].setAttribute("id", id);    
    }
}