麻烦老师帮忙看看哪里出问题了,谢谢

麻烦老师帮忙看看哪里出问题了,谢谢

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<script type="text/Javascript">
    var index = 0;
    var btn = document.getElementById("btn");
    btn.onclick = function() {
        index++;
    }
    console.log(index)
</script>
<body>
    <input type="button" value="next" id="btn">
</body>
</html>


正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,当运行同学代码打开控制台时,报如下错:

http://img1.sycdn.imooc.com//climg/5eef367a0979aef011720092.jpg


代码的11行不能设置onclick属性。这是因为同学将js代码写在了head里面,代码是自上而下执行的,当获取元素绑定事件时,可能dom结构还没有渲染出来,所以获取不到。可以将js代码放在body里:

http://img1.sycdn.imooc.com//climg/5eef371f09779c2e06910306.jpg

点击按钮输出:

http://img1.sycdn.imooc.com//climg/5eef373509b5a0dd02670078.jpg

如果我的回答帮助了你,欢迎采纳。祝学习愉快~

  • 胜己 提问者 #1
    老师,我把代码修改成和你的一致,但是不知道为什么点击btn按钮后,控制台完全没反应
    2020-06-21 19:10:40
好帮手慕粉 2020-06-22 09:34:47

同学你好,老师这边测试是没有问题的,请将修改后的代码粘贴上来。

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师