eventListener 到从数组创建的按钮

【问题标题】：eventListener to buttons created from arrayeventListener 到从数组创建的按钮
【发布时间】：2018-01-12 10:43:53
【问题描述】：

我在为按钮创建 eventListener 时遇到问题。如果可以，请检查我的代码并提供帮助： https://jsbin.com/lavaruk/edit?html,js,output document.getElementByTagName('button').addEventListener("click", function(){ alert("Hello World!"); }); 谢谢。彼得

【问题讨论】：

document.getElementByTagName 做什么？请按照文档...
请在此处添加您的代码并使用<> 创建一个有效的sn-p。
应该是document.getElementsByTagName，你需要迭代结果。

标签： javascript arrays button addeventlistener

【解决方案1】：

像这样：

var mgk = ["607","608","609","610","612","613","615"];

function mentokMgk(array) {
    // Create the list element:
    var list = document.createElement('ul');

    for(var i = 0; i < mgk.length; i++) {
        // Create the list item:
        var item = document.createElement('button');
      item.addEventListener("click", function () {
    alert('click');
});
        item.appendChild(document.createTextNode(array[i]));

        list.appendChild(item);
    }

    return list;
}

document.getElementById('mentok-mgk').appendChild(mentokMgk(mgk));

创建 var 项后，为该项定义一个 EventListener。

【讨论】：

还有一个问题：当前按钮元素的索引是多少？就像我想在单击按钮时在警报框中写下数字（例如 607）。