javascript - 为什么事件监听器无法读取属性？

Question

我是 JavaScript 新手，正在尝试一些事件。这里的目标是单击某些文本并显示一条消息。我的 html 中有一个 p 元素，如下所示:

<p id="tab">Click me</p>

在 .js 文件中，我尝试了此操作，但没有任何反应。控制台向我喊道:

"Uncaught TypeError: Cannot read property 'addEventListener' of null".

var demo=document.getElementById("tab");

demo.addEventListener("click", go);

function go(){
    alert("Hey");
}

上面的代码位于一个单独的 .js 文件中

Answer 1

您的脚本似乎运行良好。通过在元素中添加 onload 确保它在创建元素后运行。处理程序，或将其放在 </body> 之前

var demo = document.getElementById("tab");

demo.addEventListener("click", go);

function go() {
  console.log("Hey");
}

<p id="tab">Click me</p>