javascript - 如何从 while 循环中在 javascript 中设置的 onclick 方法获取按钮的 ID？

Question

我正在尝试获取我在 onclick 方法中用 javascript 创建的按钮(链接)的 ID。

我试过这段代码，但它总是在警报中显示无序列表中最后一个元素的 ID，而不是我单击的项目。

while (index != -1) {

    var select = document.getElementById("recipes");
    var opt = document.createElement("li");
    opt.className = "list-group-item";

    var link = document.createElement("a");
    link.id = response.substring(0, index);
    link.onclick = function () {
        alert(link.id);
    };
    link.textContent = response.substring(0, index);

    select.appendChild(opt);
    opt.appendChild(link);

    response = response.substring(index + 4);
    index = response.indexOf("~,;~");
}

Answer 1

javascript 中的所有事件监听器都提供了使用 this 访问目标元素的机会。

因此:

link.onclick = function () {
    alert(this.id);
};

而不是:

link.onclick = function () {
    alert(link.id);
};