本文摘自PHP中文网,作者青灯夜游,侵删。
html隐藏div元素的方法:1、在div标签中使用hidden属性,添加“hidden="hidden"”语句即可。2、在div标签中使用style属性,添加“display: none;”样式即可。
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
方法1:使用hidden属性
html hidden 属性规定对元素进行隐藏。
如果使用该属性,则会隐藏元素;隐藏的元素不会被显示。
可以对 hidden 属性进行设置,使用户在满足某些条件时才能看到某个元素(比如选中复选框,等等)。然后,可使用 JavaScript 来删除 hidden 属性,使该元素变得可见。
示例:
1 2 3 4 5 6 7 8 9 10 |
|
效果图:
方法2:使用display: none样式
相关阅读 >>
Html中插入文本ins标签和删除文本del标签如何一起使用?(附实例)
Html dir标签是干啥的?<dir>标签的具体定义和属性介绍
更多相关阅读请进入《Html》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者