大多数前端JS脚本没有DIV元素就无法运行，比如在网页的某个区域显示一些内容或者改变某些DIV元素的背景颜色等。但是，如果你操作的是一个DIV，那么你是不确定指定的 DIV 元素是否存在。 该怎么办？ 那么小编会告诉你如何判断js中是否存在div元素。

判断DIV元素是否存在

示例代码：

<script>
    if($('#div').length > 0){
        // 元素存在的代码
    }
</script>

注意：

1、使用jq代码判断元素是否存在时，必须加上长度。

2、即使jq操作的元素不存在，也不会报错。

3、如果采用下面的判断方法，则该判断会不断循环。

错误判断代码示例

<script>
    //此判断是错误的，逻辑会一直循环
    if ($('#div')){
        //元素存在的操作代码
    }
</script>

原生js判断元素是否存在

使用()和()方法操作指定元素时，如果正在操作的元素不存在，浏览器会抛出错误并终止代码运行，并且更新会影响后续代码运行。

为了避免上述情况，当无法判断要操作的元素是否存在时，可以使用下面的判断代码先判断该元素是否存在。 如果判断该元素存在，则编写操作过程代码。

js代码

<script>
    if (document.getElementById("tt")){
        //元素存在的操作代码
    }
</script>

JS