如何解决遇到错误,尝试捕获按钮的点击计数时无法读取属性'addEventListener'
在尝试捕获链接的点击时遇到以下错误。
未捕获的TypeError:无法读取null的属性'addEventListener' 在Home.aspx:566
我正在使用的代码,该代码放在其他几个脚本标签之后的脚本标签中,而不是在顶部。
<template x-for="todoSingle in todoArray" :key="todoSingle.id">
<input type="hidden" name="todos[todoSingle.id][id]" x-model="todoSingle.id">
<input type="hidden" name="todos[todoSingle.id][type]" x-model="todoSingle.type">
<input type="hidden" name="todos[todoSingle.id][description]" x-model="todoSingle.description">
</template>
解决方法
我与您分享此代码,您可以在编写document.write()函数的地方运行您的函数。
document.getElementById('btnFndCntnt').addEventListener('click',function (e) {
// newrelic.addPageAction('Find');
document.write("Everything Fine !");
})
<button id="btnFndCntnt">Click Me !</button>
,
位置。浏览器默认默认开始运行<script>
标签。
这将行不通,因为按钮本身尚未解析,会产生您要询问的确切消息:
<script>
document.getElementById("btnFndCntnt").addEventListener("click",()=>alert("clicked"));
</script>
<button id="btnFndCntnt">Clicky</button>
这将会:
<button id="btnFndCntnt">Clicky</button>
<script>
document.getElementById("btnFndCntnt").addEventListener("click",()=>alert("clicked"));
</script>
但是,更标准的方法(与重新排序相比)是将这些初始化部分放入事件处理程序中,例如onload
中的<body>
或代码中的某些东西:
<script>
window.addEventListener("load",()=>{
document.getElementById("btnFndCntnt").addEventListener("click",()=>alert("clicked"));
});
</script>
<button id="btnFndCntnt">Clicky</button>
(这里的<script>
标记可以像第一个代码片段一样放入<head>
中,并且实际上可以在其中工作)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。