html怎么隐藏div元素
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。 方法1:使用hidden属性 html hidden 属性规定对元素进行隐藏。 如果使用该属性,则会隐藏元素;隐藏的元素不会被显示。 可以对 hidden 属性进行设置,使用户在满足某些条件时才能看到某个元素(比如选中复选框,等等)。然后,可使用 JavaScript 来删除 hidden 属性,使该元素变得可见。 示例: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <div hidden="hidden">这是一段隐藏的段落。</div> <div>这是一段可见的段落。</div> </body> </html> 效果图: 方法2:使用display: none样式 display 属性规定元素应该生成的框的类型。设置:
说明: 使用 示例: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <div style="display: none;">这是一段隐藏的段落。</div> <div>这是一段可见的段落。</div> </body> </html> 效果图: 推荐教程:《html视频教程》 |
相关内容
-
win10多任务按键怎么设置在底部详细方法
win10多任务按键怎么设置在底部详细方法,按键,任务,在使用电脑...
-
中联吊车电脑显示器图解|中联吊车电脑说明书
中联吊车电脑显示器图解|中联吊车电脑说明书,,1. 中联吊车电脑...
-
电脑关机后显示器灯还亮|电脑关机后显示器灯还
电脑关机后显示器灯还亮|电脑关机后显示器灯还亮着一按键盘...
-
电脑网页打开页面不全怎么办|电脑网页打开后显
电脑网页打开页面不全怎么办|电脑网页打开后显示不全,,1. 电脑...
-
设置里程碑|设置里程碑的方法有哪些
设置里程碑|设置里程碑的方法有哪些,,1. 设置里程碑的方法有哪...
-
win7电脑分屏|win7电脑分屏两个显示器怎么切换
win7电脑分屏|win7电脑分屏两个显示器怎么切换,,1. win7电脑分...
-
电视wifi显示电脑|电脑 wifi 电视
电视wifi显示电脑|电脑 wifi 电视,,1. 电脑 wifi 电视原因1、...
-
Outlook的PST文件损坏的修复方法
Outlook的PST文件损坏的修复方法,文件, ...
-
我的台式电脑,开不机,按下开关,电源灯cpu灯亮,不能
我的台式电脑,开不机,按下开关,电源灯cpu灯亮,不能自检点不亮显...
-
金蝶报表系统怎么取消隐藏|表格怎么取消隐藏
金蝶报表系统怎么取消隐藏|表格怎么取消隐藏,,1.表格怎么取消...
-
手提电脑手写怎么设置|电脑手写设置方法
手提电脑手写怎么设置|电脑手写设置方法,,电脑手写设置方法看...
-
打印机常见故障排除方法HP5000打印机为例
打印机常见故障排除方法HP5000打印机为例,,HP 50005100打印机...
-
cad图形显示快捷键|cad视图显示快捷键
cad图形显示快捷键|cad视图显示快捷键,,1. cad视图显示快捷键...
-
手机版wps里如何给字加拼音|wps在文字上加拼音
手机版wps里如何给字加拼音|wps在文字上加拼音的方法wps怎么...
-
智能电视电脑显示器连接|智能电视与电脑连接
智能电视电脑显示器连接|智能电视与电脑连接,,1. 智能电视与电...