javascript - 单击按钮时获取 ID

Question

我正在尝试在循环内动态创建按钮。 onclick 按钮我想获取按钮的 id。下面的代码不起作用。谁能帮帮我吗。

 for(int i=1;i<5;i++)
    {
    var btn = document.createElement("button");
    btn.innerText = "button"+i;
    btn.setAttribute("id", i);
    btn.onclick = function(this){
    alert(this.id);
    }
    }

提前致谢

Answer 1

您首先需要将创建的元素添加到文档中，以便将其添加到 DOM 中。阅读此tutorial .

for(var i=1;i<5;i++)
{
   var btn = document.createElement("button");
   btn.innerText = "button"+i;
   btn.setAttribute("id", i);
   document.body.appendChild(btn);
   btn.onclick = function(){
     alert(this.id);

   }
}