html中实现数据的显示和隐藏
<!DOCTYPE html> <html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <head> <title>demo</title> <script> var obj = document.getElementById("div_id"); function hideOrShowEvent(){ var obj= document.getElementById("div_id"); if(obj.style.display=="block"){ //如果是显示则隐藏 obj.style.display="none"; }else{ //如果是隐藏则显示 obj.style.display="block"; } } </script> </head> <body> <div id="div_id" style="border:1px solid red;display:block;" > 这里是内容 </div> <button type="button" onclick=hideOrShowEvent()> 点击隐藏或显示 </button> </body> </html>
(资源库 www.zyku.net)
上一篇:HTML/CSS:div居中和div内部元素垂直居中
栏 目:HTML/Xhtml
下一篇:Textarea输入字数限制实例(兼容iOS&安卓)
本文标题:html中实现数据的显示和隐藏
本文地址:https://www.zyku.net/xhtml/1410.html
您可能感兴趣的文章
- 12-19HTML <keygen> 标签
- 11-06WinSCP普通用户登录sftp后切换到root
- 11-28pre 标签内容自动换行的方法
- 11-16apple store添加清单方法介绍
- 09-19三星buds2游戏模式在哪
- 09-19鸿蒙系统如何关闭负一屏
- 11-23simplenote改变主题步骤分享
- 10-02高德地图上线小猪佩奇语音介绍
- 02-21MySQL丢失文件localhost.localdomain.
- 08-09织梦dedecms百度快照劫持注入代码防范
- 05-10Win10如何设置双屏显示器?Win10双屏显
- 09-22qq文件如何重命名
- 05-05实例讲解Nginx下的rewrite规则
- 10-24华为p40pro设置地震预警教程分享
- 09-15vivox70pro+怎么调节图标大小
- 12-30小学生故事-小学生故事应用软件功能介
- 03-10帝国cms全站去版权的方法
- 09-19三星buds2怎么设置均衡器
- 06-0836节课,轻松实现Excel小白到高手的进阶
- 04-26linux更改目录显示颜色实例详解

最近更新
阅读排行
猜你喜欢
- 09-15帝国CMS7.5版栏目新增单页内容设置,做
- 09-04荣耀x20调节音量方法汇总
- 11-08荣耀X30max怎样连接无线耳机
- 07-15帝国CMS防灌水机群发的一些功能说明
- 10-22vivox70pro+如何设置悬浮窗
- 10-19钉钉添加钉闪会教程介绍
- 09-21抖音设置省流量模式教程一览
- 12-30图片换色大师-图片换色大师应用软件功
- 10-17苹果手表如何连接手机
- 12-06盒马如何设置自提