Question

我要做的就是让用户点击按钮，当发生该事件时，我希望图像显示在div中。我检查了元素，它说tableButton未定义，但我在addEventListener之前定义了它。我究竟做错了什么？对不起，我是javascript的新手。

function openTable() {
    var code = "<img src='PeriodicTableOfElements.png'>";
    var periodic = document.getElementById("Periodic");
    periodic.innerHTML = code;
}

var tableButton = document.getElementById("openTable");
tableButton.addEventListener("click", openTable, false);

Answer 1

您确定将其打包在window.onload中，如果窗口没有加载，则元素不会存在。

window.onload = function(){
  function openTable() {
      var code = "<img src='PeriodicTableOfElements.png'>";
      var periodic = document.getElementById("Periodic");
      periodic.innerHTML = code;
  }

  var tableButton = document.getElementById("openTable");
  tableButton.addEventListener("click", openTable, false);
}

addEventListener由于null而无法工作

1 个答案: