document.getElementById(...) is null

時間 2019-12-06

標籤 document.getelementbyid document getelementbyid null 简体版

原文原文鏈接

<html>
    <head>
        <script type="text/javascript">
            document.getElementById('btn1').onclick=function(){
                alert('helleo');
            };
        </script>
    </head>
    <body>
        <input type="button" name="name" value="button" id="btn1"/>
    </body>
</html>

若是js代碼像上面這樣寫就會報錯：document.getElementById(...) is null，緣由是按從上到下得執行順序，執行js代碼得時候尚未註冊id爲btn1得button，因此根據id得到得對象就爲空，因此得將上面得js代碼寫到一個window.onload方法裏面，意思是頁面加載完畢之後再執行內部得js代碼javascript

<html>
    <head>
        <script type="text/javascript">
        window.onload=function(){
            document.getElementById('btn1').onclick=function(){
                alert('helleo');
            };
        };
        </script>
    </head>
    <body>
        <input type="button" name="name" value="button" id="btn1"/>
    </body>
</html>

相關標籤/搜索

document.getelementbyid