zoukankan      html  css  js  c++  java
  • 原生 JS 和 jQuery 检查某元素是否存在

    1.原生 js

    1.1.问题描述

    对于不存在的对象进行操作,会抛出错误。例如

    document.getElementById(‘lzcBlog‘).innerText(‘The link of lzcBlog is www.lzcapp.cn‘);

    其中,假如 ID 为 lzcBlog 的元素不存在,将会抛出一个错误:

    document.getElementById(‘lzcBlog‘) is null, blablabla

    1.2.解决方案

    解决方案非常简单,通过判断该元素是否存在即可。

    var lzcBlog = document.getElementById(‘lzcBlog‘);
    if(lzcBlog)
    {
        console.log(‘ID 为 lzcBlog 的元素存在于页面上。‘);
    }
    else
    {
        console.log(‘ID 为 lzcBlog 的元素不存在。‘);
    }

    2.jQuery

    2.1.问题描述

    在 jQuery 中使用一个不存在的元素完全不会报错,请放心大胆使用。假如你仅仅是想检测元素是否存在,那你来对地方了。

    广州vi设计公司 http://www.maiqicn.com 我的007办公资源网 https://www.wode007.com

    2.2.解决方案

    jQuery 对象的 length 属性可以帮助判断。当选择器传回的不是空元素时,其 length 属性不为 0。

    var lzcBlog = $(‘#lzcBlog‘);
    if(lzcBlog.length > 0)
    {
        console.log(‘ID 为 lzcBlog 的元素存在于页面上。‘);
    }
    else
    {
        console.log(‘ID 为 lzcBlog 的元素不存在。‘);
    }
  • 相关阅读:
    NOI 2020 游记
    BJOI2020 游记
    行列式
    CSP-S 2019 游记
    类欧几里得算法
    有关二次离线和 Yuno loves sqrt technology II
    NOI2019 游记
    CTS 2019 Pearl
    BJOI2019 游记
    2017 山东二轮集训 Day7 国王
  • 原文地址:https://www.cnblogs.com/xiaonian8/p/13679459.html
Copyright © 2011-2022 走看看