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

生命中,好多的事是这样,生活中,好多的情是这样,没有理由,也无需理由,爱就是爱,喜欢就是喜欢,没有结果,也无须结果,心甘情愿,无怨无悔。

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

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

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>

以上就是javascript 判断某个元素在页面上是否存在的方法。不吃饭的女人这世上兴许还有好多少个,不吃醋的女人却连一个也不。更多关于javascript 判断某个元素在页面上是否存在的方法请关注haodaima.com其它相关文章!

您可能有感兴趣的文章
jquery ajax实现文件上传功能实例代码

SpringMVC+Jquery实现Ajax功能

关于二次封装jquery ajax办法示例详解

ajax实现用户名校验的传统和jquery的$.post方式(实例讲解)

jQuery Ajax的readyState和status的区别和使用详解