Создание элементов new id

Question

Я хочу добавить идентификаторы к входам динамически с помощью javascript. Как я могу это сделать. Я написал функцию, но она не сработает.

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; 
} 
} 

Answer 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> 

и имя класса является элементом Собственость в JavaScript, поэтому вы должны использовать другое имя:

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

FIDDLE

Answer 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>