js 判断某个元素在页面上是否存在的方法

前端的JS脚本的运行，大多离不开DIV元素，比如在网页的某个区域显示一些内容或改变一些DIV元素的背景颜色等等，但如果在操作DIV时，不确定指定的DIV元素是否存在怎么办？那么飞鸟慕鱼博客的小编就给大家说一说，在js中如何判断一个div元素是否存在。

jquery 判断DIV元素是否存在

示例代码：

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

注意：
1、使用 jq 代码来判断元素是否存在时，必需要加上长度。
2、jq 操作的元素即使不存在也不会报错

原生js判断元素是否存在

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

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

本文来源：https://www.feiniaomy.com/post/484.html