javascript - 在 JavaScript 中指定时 onclick 未运行

Question

当我单击按钮时，它不会运行 onclick。我在控制台中尝试了一下，效果很好。有人可以帮忙吗？

function customAlert(message) {
  sect = document.createElement("section");
  sect.className = "alert";
  sect.innerHTML = message + "<br /><br />";

  var but = document.createElement("button");
  but.innerHTML = "Gotcha.";
  but.onclick = "document.body.removeChild(sect);";

  sect.appendChild(but);
  document.body.appendChild(sect);

}

Answer 1

您应该使用以下语法:

but.onclick = function () {
    document.body.removeChild(sect);
}

因此，onClick 是一个属性。这意味着它具有一定的值(value)。当单击 btn 时，javascript(浏览器)会调用此属性，但它期望它是一个函数，即要执行的一些代码。相反，它“看到”一个字符串，但不知道如何处理它。