首页 > 解决方案 > JavaScript 属性选择器:未捕获的 TypeError:无法读取 null 的属性(正在读取“addEventListener”)

问题描述

我正在尝试使用属性选择器使用 JavaScript 选择一个元素,但不知道我做错了什么。

HTML

<a href="#incorporate">Incorporate</a>

JavaScript

<script type="application/javascript">
document.querySelector( 'a[href="#incorporate"]' ).addEventListener( 'click', function( eventObj ) {
    // Do something.
} );
</script>

在 Chrome 的 DevTools 中,我收到以下错误消息:

Uncaught TypeError: Cannot read properties of null (reading 'addEventListener')

为什么我会收到错误消息?

标签: javascriptqueryselector

解决方案


我认为sintaxy是正确的。如果您在 W3Schools 编辑器中测试您的代码。您的代码正在运行。


推荐阅读