原生JS控制元素显示隐藏代码
8 262 2020-12-29 12:55:06
收藏原生js比之jQuery而言复杂很多，如非必要情况下可选择jQuery更为方便快捷。
这里分享一段原生JS控制元素显示隐藏代码，如下。
var obox=document.getElementById("logo");
var odown=document.getElementById("side-item");
obox.onclick=function(){
if(document.getElementById("side-item").style.display=='none'){
odown.style.display="block";
document.getElementById("logo").classList.add("no");
}else{
odown.style.display="none";
document.getElementById("logo").classList.remove("no");
}
}
说明一下：logo是点击触发的元素，side-item是需要显示隐藏的元素，no是触发事件后给logo加的样式。
只需要对着说明改ID名称就可以了，在看不懂就没什么可说的了。
本文地址：https://xzo.com.cn/develop/js/344.html
如果您认可我们的分享，有意与我们合作开展帝国cms网站建设与开发业务或插件定制，请联系右侧在线客服。我们能给您的，就是高质量的模板与售后。
标注了信息来源为下载鸥的文章皆为原创，如果是转载的优质文章，我们也都标注了出处。如果您喜欢我们的文章，请按照下载鸥所标注的文章出处进行标注，谢谢您的配合。
JavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式（如函数式编程）风格。
JavaScript十分强大，不管是前端页面开发、视觉动态渲染、数据交互还是后端逻辑处理，都可以通过JS实现。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中。
在各种盛大的节日、活动前，网站制作倒计时特效可有效给活动页引流。那么，怎样...
对于网站、app开发等工作而言，复制是一个非常常见的功能。很多人到处找插件...
在网站表单提交前，我们往往需要验证一下信息避免错误数据，那么，怎样验证手机号...
如果是响应式网站，那么用superslide做轮播图需要做两个，这无疑是非常不方便的...
很多网站上会有当前年月日、星期、时间的展示。这个展示用php做未免浪费性...
dplayer和ckplayer都是非常流行的web视频播放器，二者都占有相当大的用户市场...
在网站开发的过程中，一些涉及到资源下载的网站会通过判断不同系统手机来展示...
如果是多语言站点，主动获取浏览器默认语言并自动进行跳转可以有效降低跳出率...
你有想过给自己的网站上做一个2020年倒计时的JS特效吗？这个特效制作起来其实...
for循环判断添加样式...
分享给大家一段很简单的查看浏览器中的*号密码内容的js代码。...
收藏自用的免费的本地IP查询API接口，都是大网站的接口稳定速度快。...
很简单的一段QQ情侣头像API接口代码，引流必备，API接口自动调用，无需占用服务器...
大家在开发web网页的时候有没有遇到需要定位用户位置的情况呢？是使用IP来定...
实现前端特效的方法很多，最方便的还是css，当然有些特效还是使用JavaScript脚...
[db:描述]各种网站上，什么样的头像都有，可爱风、高冷风、卡通风、商务风。但...