배열 요소 자바 스크립트에서 요소 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> 

자바 스크립트

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

자바 스크립트 :

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