HTML getElement等方法时未找到对象时的可能原因

最新推荐文章于 2022-10-20 23:56:44 发布

qq_39385997

最新推荐文章于 2022-10-20 23:56:44 发布

阅读量524

点赞数

分类专栏： JavaScript 文章标签： JavaScript html

本文链接：https://blog.csdn.net/qq_39385997/article/details/83028450

版权

JavaScript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

HTML getElement等方法时未找到对象时的可能原因

搜索的值不对应
如getElementById( bid )时，bid与body中元素所对应的id不对应，这自然找不到了。
函数不等所需资源加载完就直接调用

<!DOCTYPE html>
<html>
<head>
<title>getElementId Test</title>
<meta charset=utf-8 />
<script type="text/javascript">
var a=function(){
	var para=document.getElementById("name");
	//JSON.stringify(para) == "{}" 判断对象是否为空
	para.innerHTML="你找到我了";
}
</script>
</head>
<body>
<p id="name">来试试能不能找到我</p>
</body>
</html>

仔细看script函数，是var a=function(){}，即当文档加载到var a=function(){}时body部分的资源还未加载，所以script中是不能找到对象的，找不到对象自然设置不了对应的属性，若设置的话就出现了不能对null设置属性。
3. 使用了window.onload但是未起作用
我碰到的一次这种情况是因为同一页面也使用了$(document).ready，这是会导致冲突，window.onload会失去作用，即要使用onload就不要使用$(document).ready，使用onload就不要使用$(document).ready。
同时onlooad只能起作用一次，而$(document).ready能够起作用多次。
此项参考自https://m.jb51.net/show/86155

4.