JavaScript' ondragover'导致控制台错误,为什么?

时间:2015-10-24 15:24:10

标签: javascript

为什么我收到控制台错误" Uncaught TypeError:无法设置属性' ondragover' of null"

<html>
  <head>
    <title></title>
    <script>

    var dragzone = document.getElementById('DragZone');

    dragzone.ondragover=function() {
        console.log("Bang");
        return false;
    };

    </script>

 </head>

<body>
    <div id="DragZone">Drag a file over here</div>
</body>
</html>

1 个答案:

答案 0 :(得分:1)

您正在尝试在创建DOM元素之前访问它。将脚本移动到<body>的底部,它将起作用。

<html>
<head>
    <title></title>
</head>
<body>
    <div id="DragZone">Drag a file over here</div>
    <script>
        var dragzone = document.getElementById('DragZone');
        dragzone.ondragover=function() {
            console.log("Bang");
            return false;
        };
    </script>
</body>
</html>