配列のjavascriptから要素idを取得

Question

私はmysiteのボタンのidだけの配列を持っています。私はボタンのIDを個別に取得する代わりに、私はそれが私に多くの時間を節約すると思うので、配列に入れてください。

var array = ['home', 'about', 'contact']; 
for(i=0; i < array.length; i++){ 
    var Button = document.getElementById(array[i]); 
} 

私が参考にできる個別のボタン名を取得するにはどうすればよいですか。

Button.innerhtmlは、だけではなく、私はあなたがこのような何かをしたいと思います個別

Answer 1

お手伝いいただきありがとうございますが、私はついにforeachループを使用して解決することができました。

var array = ['home', 'about', 'contact']; 

array.forEach(function(item, index){ 

     var item = document.getElementById(item); 

Item.onclick = run function; 


    }); 

Answer 2

var array = ['home', 'about', 'contact']; 

for(i=0; i<array.length; i++){ 
    document.getElementById(array[i]).value = array[i]; 
    document.getElementById(array[i]).innerHTML = array[i];// If you want the text on the button 
} 

のDアレイ内のすべての3のすべての内容を一覧表示します。これは配列をループし、その配列項目の値をボタンに代入します。

Answer 3

ここで必要な情報が正確にはわかりませんが、データを動的に操作できます。

HTML

<button id="home">home</button> 
<button id="about">about</button> 
<button id="contact">contact</button> 

Javascriptを

var array = ['home', 'about', 'contact']; 
var myButtons = []; 

for(i=0; i<array.length; i++){ 
    var button = document.getElementById(array[i]); 
    button.name = array[i]+'-buttonName'; 
    button.innerHTML = 'something'; 
    button.addEventListener("click", function(){ alert('you clicked on '+button.name); }, false); 
    .... 
    myButtons.push(button); 
} 

Answer 4

Javascriptを：

<script> 
    var buttons = ['home','about','contact']; 

    var btns = ""; 
    for(i=0;i<buttons.length;i++){ 
     btns +="<input type='button' id='+buttons[i]+' value='"+buttons[i]+"'/>"; 
    } 
    document.getElementById("mybuttons").innerHTML=btns; 
</script> 

HTML：

<div id="mybuttons"></div>