为了账号安全,请及时绑定邮箱和手机立即绑定

大神帮忙看看,为什么点击页面任何地方都没有弹框出现???错误提示为Cannot set property 'onclick' of null 。这是什么意思??代码该如何改??

<!doctype html>

<html>

    <head>

    <style>

        #a{

            width:200px;

            height:200px;

            background-color:red;

        }

    </style>

    <script>

        var dk=document.getElementById("a");

        dk.onclick=function(e){

            e = e || window.e;

             if(e.stopPropagation){

          e.stopPropagation();

     }else{

          e.cancelBubble=true;

     }

        }

        document.onclick=function(){

            alert('hello');

        }

    </script>

    </head>

    <body>

        <div id="a">

        </div>

    </body>

</html>


正在回答

1 回答

<!doctype html>

<html>


<head>

    <style>

    #a {

        width: 200px;

        height: 200px;

        background-color: red;

    }

    </style>

    <script>

 window.onload =function  () {

    // body...  

  var dk = document.getElementById("a");

    dk.onclick = function(e) {

      alert("message")

        e = e || window.e;

        if (e.stopPropagation) {

            e.stopPropagation();

        } else {

            e.cancelBubble = true;

        }

    }

    document.onclick = function() {

        alert('hello');

    }

     } 

    </script>

</head>


<body>

    <div id="a">

    </div>

</body>


</html>

代码是按顺序执行,你获取id =a的元素时,dom未加载完成,所以是null,脚本放在最下边也可以

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

周耀勇 提问者

非常感谢!谢谢!!!
2016-08-16 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

大神帮忙看看,为什么点击页面任何地方都没有弹框出现???错误提示为Cannot set property 'onclick' of null 。这是什么意思??代码该如何改??

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信