基于JS判断div元素存在的代码怎样写
Admin 2022-07-28 群英技术资讯 354 次浏览
判断方法:1、使用“document.getElementById("id值")”语句根据指定id值获取div元素对象;2、利用if语句判断div是否存在,语法“if (div元素对象){//元素存在}else{//元素不存在}”。
本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。
js判断div元素是否存在
在原生的js的getElementById()
和getElementsByTagName()
方法来操作元素时,如果被操作的元素不存在,则浏览器会抛出错误,并终止代码的运行,所以为了避免这种情况的方法,在无法确定要操作的元素是否存在时,可以利用下面的代码来进行判断元素是否存在。
实现代码
<div id="div">div元素</div> <p>这是一个段落。</p> <script> var div=document.getElementById("div"); if (div){ //元素存在的操作代码 console.log("div元素存在"); }else{ //元素不存在的操作代码 console.log("div元素不存在"); } </script>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
猜你喜欢
这篇文章主要介绍了Vue路由vue-router详细讲解指南,对vue-router感兴趣的同学,可以参考下
怎样用vue实现无规则截图的功能?我们比较常见的截图功能为了应对多种场景,一般都是有规则的截图,但是随着用户的需求增多,有规则的截图功能已经不能很好的满足需求,对此这篇文章我们就来看看无规则的截图功能要怎样做。
数组在JavaScript中经常使用,如何对数组进行增删改非常重要,下面为数组的常用方法
这篇文章主要为大家详细介绍了原生JS实现百叶窗特效,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
这篇文章主要介绍了vue+elementUI组件递归实现可折叠动态渲染多级侧边栏导航,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
成为群英会员,开启智能安全云计算之旅
立即注册Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008