为什么事件侦听器无法读取属性?

用户名

我是Javacript的新手,正在尝试一些活动。这里的目标是单击某些文本并显示一个消息。我的html中有ap元素,如下所示:

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

在.js文件中,我尝试了此操作,但没有任何反应。控制台对我大喊:“ Uncaught TypeError:无法读取null的属性'addEventListener'”。

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

demo.addEventListener("click", go);

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

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

Sudipta Kumar Maiti
Code shown below works in IE, Chrome and FireFox - I didn't test this in  
any other browser.
<!DOCTYPE html>
<html>
<head>
<title>Test Page</title>
<script type="text/javascript">
    function InitPage() {
        var demo = document.getElementById("tab");
        demo.addEventListener("click", go);
        function go() {
            console.log("Hey");
        }
    }
</script>
</head>
<body onload="InitPage();">
    <p id="tab">Click me</p>
</body>
</html>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

为什么事件侦听器没有被删除

为什么事件侦听器内部的条件条件不起作用?

为什么事件侦听器仅在for循环中创建的最后一个元素上注册?

为什么事件委托 ES6 侦听器将输入点击跟踪为按钮点击?

为什么在注册事件侦听器并触发事件侦听器之前调用滚动事件?

无法读取未定义的属性“添加事件侦听器”

为什么此侦听器无法检测到窗口关闭事件?

事件侦听器DOMNodeInserted被多次运行,为什么?

为什么mousedown事件侦听器通过函数运行?

为什么反应事件侦听器正在保存状态?

函数的侦听器无法启动。为什么?

角事件侦听器作为属性

无法删除 touchmove 事件侦听器

无法删除(绑定的)事件侦听器

无法删除事件侦听器

在对象属性访问/读取上添加事件侦听器

为什么侦听器列表是列表?

使用事件侦听器检测更改时,为什么图标类没有更改?

为什么第二个事件侦听器不触发?

为什么onmessage侦听器不处理最初的SSE事件?

为什么在单击事件侦听器内触发 click() 不会导致无限循环?

为什么重用片段时事件侦听器会消失?

为什么JavaScript类中的事件侦听器会看到旧的上下文变量?

为什么将单独的“粘贴”事件侦听器都粘贴到相同的<div>?

为什么RxJS主题比多个事件侦听器快?

为什么在主窗口中打印后会触发打印事件侦听器后的 iframe?

为什么更新状态未反映在事件侦听器中:React Native,Hooks

为什么我应该在Laravel中使用事件和侦听器

为什么DOM元素仅在事件侦听器完成后才更新?(纯js)