Question

我有一个数组，它只是mysite上按钮的id。我没有单独获得按钮ID，我把它们放在一个数组中，因为我觉得它给我节省了很多时间。

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

我的问题是我如何获得可用作参考的单个按钮名称。

Button.innerhtml只列出d数组中所有3个内容的所有内容，而不是单独列出

Answer 1

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>

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
 }

我想你想做这样的事情。这将遍历数组并将该数组项的值分配给按钮。

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

感谢帮助人员，但我终于能够使用foreach循环来解决它。

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

 array.forEach(function(item, index){

      var item = document.getElementById(item);

 Item.onclick = run function;


  });

从数组javascript中获取元素id

4 个答案: