求解JavaScript的DOM2级事件

来源:-

梁渣渣

2016-04-11 20:30

<script>
            function showMes(){
                alert("Hello World!");
            }
            var btn3 = document.getElementById("btn3");
            btn3.addEventListener("click", showMes(), false);
</script>

<input type="button" value="按钮3" id="btn3" />


这是源码,然后出错原因:

chrome版:Uncaught TypeError: Cannot read property 'addEventListener' of null

火狐版:TypeError: btn3 is null

我照着老师代码敲都能错?

写回答 关注

2回答

  • waiting666
    2016-04-12 00:08:19
    已采纳

    这段代码里获取btn3元素的方法放在了 html里面btn3节点的前面

    所以在获取btn3元素的时候获取不到

    改进方法是把获取动作和添加事件动作放在 onload方法

  • 梁渣渣
    2016-04-12 07:57:38

    yes!谢谢~

DOM事件探秘

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

99545 学习 · 1197 问题

查看课程

相似问题