原生JS根据元素id调用元素事件无效的问题

最新推荐文章于 2023-07-11 12:07:48 发布

小药瓶字

最新推荐文章于 2023-07-11 12:07:48 发布

阅读量3.2k

点赞数

分类专栏： java js 文章标签： javascript java

本文链接：https://blog.youkuaiyun.com/u013352983/article/details/51509190

版权

本文探讨了在JavaScript中遇到的一个问题，即通过元素id获取到的DOM对象为null，导致无法触发click事件。错误发生在js代码尝试在元素加载前访问id为'tt'的按钮。解决方案包括将JS文件引用放置在HTML底部，或者使用window.onload确保在元素加载后执行事件绑定。这两种方法都能有效解决元素未找到的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我在页面中有一个元素的的id为tt现在需要在js中根据这个元素的id来触发该元素的click事件。

错误代码如下

页面中的代码:

<script type="text/javascript" src="js/testAjax.js" charset="utf-8"></script>
<title>Insert title here</title>
</head>
<body>

<input type="button" id="tt" value="测试">

</body>

js中的代码:

var oDiv = document.getElementById('tt');
oDiv.onclick = function(){
alert("pppppp");
}

此时在调试时报oDiv为null：导致该问题的原因是