时间戳

首页 > 解决方案 > 如何解决它：“未捕获的 TypeError：无法读取 null 的属性 'addEventListener'”...？

javascript - 如何解决它：“未捕获的 TypeError：无法读取 null 的属性 'addEventListener'”...？

问题描述

我从视频教程中学习 html/css/js。我正在学习如何编写 js 代码，但我无法帮助解决问题。我希望你们给我解决方案。问题是关于 add.EventListener。当我在 chrome 中运行代码时，在控制台中显示：“app.js:11 Uncaught TypeError: Cannot read property 'addEventListener' of null”我希望在您的帮助下解决这个问题。谢谢！

const computerScore = 0;
const userScore_span = document.getElementById("user-score");
const computerScore_span = document.getElementById("computer-score");
const scoreBoard_div = document.querySelector(".score-board");
const result_div = document.querySelector(".result");
const p_div = document.getElementById("p");
const r_div = document.getElementById("r");
const s_div = document.getElementById("s");

p_div.addEventListener('click', function() {
    console.log("hey you clicked on p");
})`

标签： javascripthtmladdeventlistener

解决方案

document.getElementById('p')当页面上没有具有该 ID 的元素时，将返回 null。我建议您查看您的 HTML 并确保您确实有一个具有该 ID 的元素。

您可以console.log(p_div)在创建该常量之后查看该元素的值，然后再尝试addEventListener

推荐阅读