问答详情
源自:-

求解JavaScript的DOM2级事件

<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

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

提问者:梁渣渣 2016-04-11 20:30

个回答

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

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

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

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

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

    yes!谢谢~