javascript - DOM加载时的attachEvent

Question

我正在将 windows.onload 上的 ID 设置为 button 元素。现在我需要在该按钮上附加 onclick，但此时 ID 未定义。如何正确地做到这一点？我尝试像下面的代码那样附加事件，或者使用 attachEvent 附加事件，并尝试使用 onreadystatechange 或 DOMContentLoaded 进行其他一些尝试。它是 IE8 中的遗留应用程序，没有库。谢谢!

window.onload = function () {

  var table = window.document.getElementById("TABLE");
  var button = document.createElement("BUTTON");
  table.appendChild(button);
  button.id = "BUTTON_ID"; // give id attribute after append to table 
  var row = TABLE.tBodies[0].rows;
  for (var i = 0; i < row.length; i++) {
    //...
  }
}

function BUTTON_ID.onclick() {

  //...
}

Answer 1

您可以在创建按钮时附加事件:

window.onload = function () {

  [ ... ]

  var button = document.createElement("BUTTON");
  button.id = "BUTTON_ID";
  button.onclick = function() {
    alert("Clicked");
  }

  table.appendChild(button);

  [ ... ]
}

JsFiddle Demo