Question

这有效：

  <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）

Answer 1

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

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

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

1 个答案: