這篇文章主要介紹了解決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)站的支持!
文章轉自腳本之家，原文鏈接：https://www.jb51.net/web/713248.html
申請創(chuàng)業(yè)報道，分享創(chuàng)業(yè)好點子。點擊此處，共同探討創(chuàng)業(yè)新機遇！
