本文关键详细介绍了处理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">
<but唐山市百度搜索排名ton 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系列产品方式获得不上目标的难题,期待对大伙儿有一定的协助,也特别感谢大伙儿对脚本之家网址的适用!
文章内容转自脚本之家,全文连接:https://www.jb51.net/web/713248.html