如何显示隐藏Html元素

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

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

显示隐藏Html元素的方法:

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

  style=visibility: none;
 
  document.getElementById(typediv1).style.visibility=hidden;//隐藏
 
  document.getElementById(typediv1).style.visibility=visible;//显示
 
    $(#divid).css(vicibility,hidden)
 
    $(#divid).css(vicibility,visible)

2、通过设置display属性可以使div隐藏后释放占用的页面空间,如下

 style=display: none;
 
  document.getElementById(typediv1).style.display=none;//隐藏
 
  document.getElementById(typediv1).style.display=;//显
 
    $(#divid).css(display,none);
 
    $(#divid).css(display,);

相关学习推荐:html视频教程

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


html5中section的用法
span标签和p标签的区别
jsp文件和html文件的区别是什么
span标签和div的区别
html颜色代码表大全
span标签的作用是什么
dhtml的主要组成部分包括什么
html编辑器哪个软件好用
span标签属于什么样式标签
html文件乱码怎么办
html怎么读取json文件
html文件打开乱码怎么恢复原状
html怎么链接外部css
html文件怎么保存到本地
html怎么链接css文件
html和css怎么连接
html和css怎么关联
html文件怎么保存到一个站点
html文件怎么写
html出现乱码怎么解决