给元素新的id答案

【问题标题】：Giving elements new id给元素新的id
【发布时间】：2013-05-11 11:21:18
【问题描述】：

我想使用 javascript 为输入动态添加 id。我该怎么做。我写了一个函数，但它不起作用。

html

<form>
element 0_0 <input type = "text" class = "elements"></input>
element 0_1 <input type = "text" class = "elements"></input>
element 1_0 <input type = "text" class = "elements"></input>
element 1_1 <input type = "text" class = "elements"></input>
<input type = "button" onclick = "giveId('elements')"></input>
</form>

javascript

function giveId(className){
var array = document.getElementsByClassName(className)
for(var i = 0;i < array.length; i++){
    array[i].id = "A" + i;
}
}

【问题讨论】：

标签： javascript input add

【解决方案1】：

输入是自动关闭的：

<form>
    element 0_0 <input type="text" class="elements" />
    element 0_1 <input type="text" class="elements" />
    element 1_0 <input type="text" class="elements" />
    element 1_1 <input type="text" class="elements" />
    <input type="button" onclick="giveId('elements')" />
</form>

className 是 javascript 中的一个元素属性，所以你应该使用不同的名称：

function giveId(cName) {
    var arr = document.getElementsByClassName(cName)
    for (var i = 0; i < arr.length; i++) {
        arr[i].id = "A" + i;
    }
}

FIDDLE

【讨论】：

【解决方案2】：

我测试了您的代码，它运行良好。您是否尝试过选择新 ID？

<form>
element 0_0 <input type = "text" class = "elements"></input>
element 0_1 <input type = "text" class = "elements"></input>
element 1_0 <input type = "text" class = "elements"></input>
element 1_1 <input type = "text" class = "elements"></input>
<input type = "button" onclick = "giveId('elements')"></input>
</form>

<script>
function giveId(classname){
    var array = document.getElementsByClassName(classname)
    for(var i = 0;i < array.length; i++){
        array[i].id = "A" + i;
    }
}
</script>

【讨论】：