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

来源：互联网发布：学淘宝美工需要多少钱编辑：程序博客网时间：2024/05/18 01:34

我在页面中有一个元素的的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：导致该问题的原因是：此时js检测不到id为tt的元素

解决方法一：将js的引用放到后面；

解决方法二： window.onload=function(){

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

0 0

原生JS根据元素id调用元素事件无效的问题
原生js未来元素事件监听的写法
js根据id，class，标签获取元素
js新增元素绑定事件的问题
JS原生通过id,class,tagname 来获取元素的方法
原生js中的事件委托(为新添加的DOM元素添加事件)
jquery append添加的元素事件无效
拖拽、移动元素的JS原生函数
原生js如何获取当前元素的同级元素
根据原生JS封装函数，根据传递的选择器查找对应的元素以及解决getElementsByClassName() 兼容问题
HTML获取触发事件的元素id
原生JS实现元素跟随鼠标拖动事件
jquery根据id删除元素
jQuery根据ID删除元素
根据ID，class 选择元素
原生JS如何利用冒泡减少事件的触发，只代理给共有的父元素。
js动态添加元素为何点击事件无效
Js代码单独放一个文件里元素注册的事件无效
ecshop实现伪静态规则
圈里圈外 | 如果给你一个去海岛工作的机会，你会抱我大腿吗？
旅行商问题
java 实现WebService 以及不同的调用方式
博客测试
原生JS根据元素id调用元素事件无效的问题
iOS 分类之NSString+MD5
MySQL----error:no query specified
iOS 7系列译文：忘记NSURLConnection，拥抱NSURLSession吧！
Java设计模式（四）：原型模式深拷贝的两种实现方式，以及和new对象的性能测试对比
Centos 7 PHP开发环境搭建
NSDictionary初始化的坑
Matlab中读取txt文件的几种方法
Java抽象类的学习