欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

解決document.getElementBy系列方法獲取不到對象的問題

  發(fā)布時間：2020-02-14 11:55:32   作者：進擊Coder   我要評論
這篇文章主要介紹了解決document.getElementBy系列方法獲取不到對象的問題,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下

getElementById取不到對象

在瀏覽器進行文檔解析時是有順序的，當頁面加載完畢之前，或者說在相應的DOM對象加載完畢之前，對應的對象是不能獲取到的。

看下面代碼：

<script>
    var temp = document.getElementById("div");
    alert(temp);
</script>
<body>
<div id="div">
    <input name="username" id="username" type="text">
    <button id="btn">按鈕</button>
</div>
</body>

在這段代碼中,document.getElementById(“div”)是獲取不到對象的，且alert（temp)將會彈出null;

這是因為當瀏覽器解析到script標簽中的代碼時，body中的DOM元素還沒有加載完畢，自然取不到任何東西。

解決方法：將script中的代碼移到body元素之后，

<body>
<div id="div">
    <input name="username" id="username" type="text">
    <button id="btn">按鈕</button>
</div>
<script>
    var temp = document.getElementById("div");
    alert(temp);
</script>
</body>

或者加上window.onload

<script>
window.onload = function(){
    var temp = document.getElementById("div");
    alert(temp);
    }
</script>

總結

以上所述是小編給大家介紹的解決document.getElementBy系列方法獲取不到對象的問題，希望對大家有所幫助，也非常感謝大家對腳本之家網(wǎng)站的支持！

相關文章

最新評論