原生 JS 和 jQuery 检查某元素是否存在
2020-08-22 15:50
1446 查看
本文首发于 lzcBlog,永久链接为 https://www.lzcapp.cn/archives/557/。推荐转移到原网址阅读,体验更佳。
对于动态生成内容的网页,常常遇到需要判断元素是否存在的场景。比如说在 lzcCFNode 中,就要使用此功能。
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 中使用一个不存在的元素完全不会报错,请放心大胆使用。假如你仅仅是想检测元素是否存在,那你来对地方了。
2.2.解决方案
jQuery 对象的 length 属性可以帮助判断。当选择器传回的不是空元素时,其 length 属性不为 0。
var lzcBlog = $('#lzcBlog'); if(lzcBlog.length > 0) { console.log('ID 为 lzcBlog 的元素存在于页面上。'); } else { console.log('ID 为 lzcBlog 的元素不存在。'); }
相关文章推荐
- 用JQuery检查某个元素在网页上是否存在
- jQuery中检查某个元素是否存在的方法
- jQuery检查某个元素在网页上是否存在
- jQuery检查某个元素在页面上是否存在
- jQuery 检查某个元素在页面上是否存在实例代码
- jquery检查某个元素在网页上是否存在?
- jQuery 检查某个元素在页面上是否存在实例代码
- jQuery,JavaScript检查某个元素在页面上是否存在
- 使用jQuery检查某个元素在网页上是否存在
- jquery 之 检查某个元素在网页上是否存在
- jQuery检查某个元素在网页上是否存在
- 使用jquery怎么去检查一个元素是否存在
- jquery and js 判断一个元素是否存在
- js判断页面元素是否存在
- jQuery判断元素是否存在
- jquery和js如何判断一个对象是否存在
- jquery 返回顶部、图片比例缩小、验证元素是否存在
- WebDriver 中如何检查一个元素是否存在?
- python检查字典元素是否存在类似php中isset()方法
- 原生js与jquery加载页面元素比较