为什么javascript找不到下面定义的div呢?

时间:2011-03-18 02:38:39

标签: javascript html

这有效:

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

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

  </body>
  </html>

这不是:

  <html>
  <body>

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

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

  </body>
  </html>
此时

mybla为null。哎呀。我怎样才能做到这一点?谢谢!!! (是的,我希望脚本下面的div)

1 个答案:

答案 0 :(得分:13)

因为DOM尚未完全加载。如果您希望将代码置于HTML之上,则需要将代码放在onload处理程序中。像这样:

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