Javascript 基于输入名称动态创建ID

Javascript 基于输入名称动态创建ID,javascript,dynamic,Javascript,Dynamic,我想知道如何根据每个输入标记的名称动态生成一个ID。我必须只使用javascript,而不是jQuery 例如,如果我有以下文本输入: <input type="text" name="input1" value=""> <input type="text" name="input2" value=""> <input type="text" name="input3" value=""> 最后,我想说: <input id="input1" ty

我想知道如何根据每个输入标记的名称动态生成一个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="">

任何帮助都将不胜感激,
谢谢

在纯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);    
    }
}
函数setinputIds(){
var inputs=document.getElementsByTagName('input');
对于(变量i=0;i
您可能可以使用for循环来迭代名称并插入id,如下所示:

for(i=1;i<4;i++){
document.getElementsByName('input'+i).id='input'+i;
}

for(i=1;我自己试过什么吗?为什么在作业中“隐藏”?
for(i=1;i<4;i++){
document.getElementsByName('input'+i).id='input'+i;
}