javascript怎么判断div是否存在

134 阅读 0 评论 89 点赞

我是靠谱客的博主谦让小鸽子，这篇文章主要介绍javascript怎么判断div是否存在，现在分享给大家，希望可以做个参考。

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

js判断div元素是否存在

在原生的js的getElementById()和getElementsByTagName()方法来操作元素时，如果被操作的元素不存在，则浏览器会抛出错误，并终止代码的运行，所以为了避免这种情况的方法，在无法确定要操作的元素是否存在时，可以利用下面的代码来进行判断元素是否存在。

实现代码

复制代码<div id="div">div元素</div>
<p>这是一个段落。</p>
<script>
	var div=document.getElementById("div");
	if (div){
		//元素存在的操作代码
		console.log("div元素存在");
	}else{
		//元素不存在的操作代码
		console.log("div元素不存在");
	}
</script>1
2
3
4
5
6
7
8
9
10
11
12
<div id="div">div元素</div>
<p>这是一个段落。</p>
<script>
	var div=document.getElementById("div");
	if (div){
		//元素存在的操作代码
		console.log("div元素存在");
	}else{
		//元素不存在的操作代码
		console.log("div元素不存在");
	}
</script>
登录后复制