                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /DOM事件探秘

DOM0级事件处理

<!DOCTYPE html>

<html>

<head>

<title>button</title>

</head>

var bt = document.getElementById('btn');

bt.onclick = function(){

alert('hhh');

}

</script>

<body>

<div>

</div>

</body>

</html>

代码跟老师写的一模一样还报这个错误，这是为什么 Uncaught TypeError: Cannot set property 'onclick' of null

03:01

ekberrr

2017-08-24

源自：DOM事件探秘 2-2

关注问题我要回答

1051

操作

收起

2 回答

又报错了T_T
2017-08-30

你将js写在body前面会导致 btn还没有生成的时候 js就调用了这时候找不到BTN对象就报错了将js放到body后面书写即可

<!DOCTYPE html>

<html>

<head>

<title>button</title>

</head>

<body>

<div>

</div>

</body>

var bt = document.getElementById('btn');

bt.onclick = function(){

alert('hhh');

}

</script>

</html>

1 回复有任何疑惑可以回复我~

收起回答

行星饭
2017-08-24

加上window.onload = function(){把你的代码放进去};原因:浏览器加载的时候按照顺序执行,当执行到你的js代码时,找不到你要操作的元素,就会报错,然后影响之后的操作.一般情况下,js都会放在html代码之后执行.

0 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

DOM事件探秘

参与学习 99545 人
解答问题 1197 个

DOM事件？本课程会通过实例来给小伙伴们讲解如何使用这些事件

进入课程

本课相似问答

1 回答dom0级事件处理

6 回答为什么不直接用DOM0级事件处理程序

3 回答？？？为什么不直接用DOM0级事件处理程序

1 回答dom0级事件处理程序可以在ie中运行吗？

1 回答DOM2级事件处理程序

搜索更多本课相关问答

DOM0级事件处理

我要回答关注问题

热搜

最近搜索清空

DOM0级事件处理

2 回答

本课相似问答

DOM0级事件处理