2011-03-18 7 views
2

이 작동 :javascript가 그 아래에 정의 된 div를 찾을 수없는 이유는 무엇입니까?

<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를 원합니다)

답변

13

DOM이 아직 완전히로드되지 않았기 때문에. HTML 위에 놓으려면 코드를 onload 처리기에 넣어야합니다. 좋아요 :

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