未捕获的类型错误：无法读取null的属性'addEventListener'

Question

为什么以下各项不起作用？我的HTML体内只有一个h1标签。

var button = document.querySelector("button");

button.addEventListener("click", function() {
    alert("h1 was changed");
})

问题在于脚本标签位于头部。谢谢大家。

Answer 1

如果您的HTML只是正文中的h1标记，那么document.querySelector("button")将无法在文档中找到<button />。尝试将<button />添加到HTML。