如何填寫輸入元素的類名稱

Question

我在嘗試填充某些輸入元素時遇到了一些麻煩。

我爲此使用JavaScript。

我使用方法getElementsByClassName('name_of_class')來收集元素的節點。

然後我試着用一個循環來運行這個節點，但是當我嘗試填充所有輸入的元素與提示中提示的相同值時，我沒有成功。

事實上，我假設我錯了，當我嘗試使用document.getElementByClassName('name_class').value，因爲它不是一個獨特的元素，但我真的沒有想法，當我做循環如何填充這些輸入，因爲它們是動態創建，他們沒有ID。

這裏是我的代碼的幫助

function saisie_titre(){ 
    choix = prompt("Veuillez saisir le titre :", ''); 
    var i; 
    var checkboxList = document.getElementsByClassName('titre'); 
    for (i = 0; i < checkboxList.length; i++) { 
     document.getElementsByClassName('titre').value = choix; 
     //Here is the wrong part of my code 

     console.log(choix); 
    } 
} 

Anykind將非常感激。

Answer 1

您需要將索引傳遞給數組。您已經將數組存儲在變量中，因此不需要再次獲取元素。

for (i = 0; i < checkboxList.length; i++) { 
    checkboxList[i].value = choix; 
    console.log(choix); 
} 

Answer 2

一旦您對checkboxList進行了引用，只需將其作爲數組訪問即可。在的jsfiddle

var checkboxList = document.getElementsByClassName('titre'); 
for (i = 0; i < checkboxList.length; i++) { 
    checkboxList[i].value = choix; 

Answer 3

工作例如：http://jsfiddle.net/2UZXm/1/

- 樣本HTML

<input type="text" class="titre"></input> 
<input type="text" class="titre"></input> 
<input type="text" class="titre"></input> 
<input type="text" class="titre"></input> 
<input type="button" id="terror" value="Click" /> 

- 示例JavaScript

function saisie_titre() { 
    choix = prompt("Veuillez saisir le titre :", ''); 
    var i; 
    var checkboxList = document.getElementsByClassName('titre'); 
    for (i = 0; i < checkboxList.length; i++) { 
     checkboxList[i].value = choix; 
     console.log(choix); 
    } 
} 
document.getElementById('terror').onclick = function() { 
    saisie_titre(); 
}