前端的JS脚本的运行,大多离不开DIV元素,比如在网页的某个区域显示一些内容或改变一些DIV元素的背景颜色等等,但如果在操作DIV时,不确定指定的DIV元素是否存在怎么办?那么飞鸟慕鱼博客的小编就给大家说一说,在js中如何判断一个div元素是否存在。
![4496b4b7ff3e3b75285af5c8dd0d8bc5.png](https://i-blog.csdnimg.cn/blog_migrate/310b248fd4b38d37484bf4a89226b5f3.jpeg)
jquery 判断DIV元素是否存在
示例代码:
if($('#div').length > 0){ // 元素存在的代码 }
注意:
1、使用 jq 代码来判断元素是否存在时,必需要加上长度。
2、jq 操作的元素即使不存在也不会报错
原生js判断元素是否存在
在原生的js的getElementById()和getElementsByTagName()方法来操作元素时,如果被操作的元素不存在,则浏览器会抛出错误,并终止代码的运行,所以为了避免这种情况的方法,在无法确定要操作的元素是否存在时,可以利用下面的代码来进行判断元素是否存在。
js代码
if (document.getElementById("tt")){ //元素存在的操作代码 }