document.getElementBy获取不到对象的解决办法

码农公社  210.net.cn   210是何含义?10月24日是程序员节,1024 = 210、210既 210 之意。

本文主要介绍了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元素之后,或者在js中加上window.onload也可。


<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>


<script> 

window.onload = function(){ 

    var temp = document.getElementById("div");

     alert(temp);

     } 

</script>

评论