如何显示隐藏Html元素

PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者coldplay.xixi，侵删。

显示隐藏Html元素的方法：1、div的visibility可以控制div的显示和隐藏，但是隐藏后页面显示空白；2、通过设置display属性可以使div隐藏后释放占用的页面空间。

本教程操作环境：windows7系统、html5版，DELL G3电脑。

显示隐藏Html元素的方法：

1、div的visibility可以控制div的显示和隐藏，但是隐藏后页面显示空白:

1

2

3

4

5

6

7

8

9

style="visibility: none;"

 

document.getElementById("typediv1").style.visibility="hidden";//隐藏

 

document.getElementById("typediv1").style.visibility="visible";//显示

 

  $("#divid").css("vicibility","hidden")

 

  $("#divid").css("vicibility","visible")

阅读剩余部分

相关阅读 >>

runat在Html中表示什么意思

Html选择图片并直接预览实现代码

Html在两个div标签中间画一条竖线的代码

Html如何实现暗黑模式

Html怎么修改文件

什么是Html h1标签？Html h1标签使用方法的详细介绍

form标签的action属性怎么用？form标签action属性的用法介绍（附实例）

Html ul是什么

asp和Html的区别是什么

前端Html的实例分享

更多相关阅读请进入《Html》频道 >>




标签：

打赏

取消

感谢您的支持，我会继续努力的!

扫码支持
扫码打赏，您说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦

分享从这里开始，精彩与您同在

相关推荐

评论

管理员已关闭评论功能...