为什么可以';javascript找不到下面定义的div?

为什么可以';javascript找不到下面定义的div?,javascript,html,Javascript,Html,这项工作: <html> <body> <div id="bla"></div> <script type="text/javascript"> var mybla = document.getElementById('bla') </script> </body> </html> var mybla=document.getElementById('bl

这项工作:

  <html>
  <body>
  <div id="bla"></div>

  <script type="text/javascript">
     var mybla = document.getElementById('bla')
  </script>

  </body>
  </html>

var mybla=document.getElementById('bla')
这并不是:

  <html>
  <body>

  <script type="text/javascript">
     var mybla = document.getElementById('bla')
  </script>

  <div id="bla"></div>

  </body>
  </html>

var mybla=document.getElementById('bla')
此时mybla为空。啊。我怎样才能做到这一点?谢谢
(是的,我想要脚本下面的div)

因为DOM还没有完全加载。如果希望将代码置于HTML之上,则需要将其放入
onload
处理程序中。像这样:

<script type="text/javascript">
    window.onload = function() {
        var mybla = document.getElementById('bla');
    }
</script>

window.onload=函数(){
var mybla=document.getElementById('bla');
}