前端的JS脚本的运行，大多离不开DIV元素，比如在网页的某个区域显示一些内容或改变一些DIV元素的背景颜色等等，但如果在操作DIV时，不确定指定的DIV元素是否存在怎么办？那么小编就给大家说一说，在js中如何判断一个div元素是否存在。
jquery 判断DIV元素是否存在
示例代码：
<script>
if($('#div').length > 0){
// 元素存在的代码
}
</script>
注意：
1、使用 jq 代码来判断元素是否存在时，必需要加上长度。
2、jq 操作的元素即使不存在也不会报错
3、如果使用以下的判断方法，则此判断会一直循环下去
错误判断代码示例
<script>
//此判断是错误的，逻辑会一直循环
if ($('#div')){
//元素存在的操作代码
}
</script>
原生js判断元素是否存在
在原生 javascript 的 getElementById() 和 getElementsByTagName() 方法来操作指定的元素时，如果被操作的元素不存在，则浏览器会抛出错误，并终止代码的运行，更新影响其后的代码运行。
为了避免上述情况的发生，所以在无法确定要操作的元素是否存在时，可以利用下面的判断代码来先判断元素是否存在，如果判断元素存在时，再写入操作的流程代码。
js代码
<script>
if (document.getElementById("tt")){
//元素存在的操作代码
}
</script>
温馨提示 : 本站内容来自会员投稿以及互联网，所有源码及教程均为作者总结编辑，请大家在使用过程中提前做好备份，以免发生无法预知的错误，源码类教程请勿直接用于生产环境！
