javascript - Javascript:变量包含值，但Firebug表示它为null

当我单击按钮时，什么也没有发生。 Firebug说“ TypeError：btnNew为空”

我的Javascript代码是：

function addNewItem(){
alert("Test")
};

var btnNew = document.getElementById("btnAdd");
btnNew.onclick = addNewItem;

而html是：

<input type = "text" id = "input">
<button id = "btnAdd">New item</button>

如果btnNew的值为document.getElementById（“ btnAdd”），为什么会为null？

最佳答案

function addNewItem(){
  alert("Test")
}


window.onload = function() {
  var btnNew = document.getElementById("btnAdd");
  btnNew.onclick = addNewItem;
}

<input type = "text" id = "input">
<button id = "btnAdd">New item</button>

加载文档后，您必须执行js代码。

如果使用jquery，则在window.onload或$ document.ready（）中。

有关差异，请参见window.onload vs $(document).ready()。