這篇文章主要介紹了解決document.getElementBy系列方法獲取不到對(duì)象的問(wèn)題,非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下。
getElementById取不到對(duì)象
在瀏覽器進(jìn)行文檔解析時(shí)是有順序的，當(dāng)頁(yè)面加載完畢之前，或者說(shuō)在相應(yīng)的DOM對(duì)象加載完畢之前，對(duì)應(yīng)的對(duì)象是不能獲取到的。
看下面代碼：
<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”)是獲取不到對(duì)象的，且alert(temp)將會(huì)彈出null;
這是因?yàn)楫?dāng)瀏覽器解析到script標(biāo)簽中的代碼時(shí)，body中的DOM元素還沒(méi)有加載完畢，自然取不到任何東西。
解決方法：將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>
總結(jié)
以上所述是小編給大家介紹的解決document.getElementBy系列方法獲取不到對(duì)象的問(wèn)題，希望對(duì)大家有所幫助，也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
文章轉(zhuǎn)自腳本之家，原文鏈接：https://www.jb51.net/web/713248.html
申請(qǐng)創(chuàng)業(yè)報(bào)道，分享創(chuàng)業(yè)好點(diǎn)子。點(diǎn)擊此處，共同探討創(chuàng)業(yè)新機(jī)遇！
