js_元素的隐藏与显示

1. 隐藏显示

display:none

visibility:hidden

都是隐藏的意思，但是前者相当于从html中去掉了标签，而后者只是不显示，但是还是占着相应的位置。

与之对应的显示属性为：

display:block

visibility:visable

Js控制：

function tm_showhide(obj){

var value = obj.value;

var isOpen = obj.getAttribute("isOpen");

var boxDom = document.getElementById("box");

if(isOpen=="true"){

obj.value = "点击显示";

boxDom.style.display = "none";

obj.setAttribute("isOpen","false");

}else{

obj.value = "点击隐藏";

boxDom.style.display = "block";

obj.setAttribute("isOpen","true");

}

js_元素的隐藏与显示相关推荐

前端笔记（9）元素的隐藏与显示，css用户界面样式，vertical-align垂直对齐，溢出文字省略号显示，css精灵技术，过渡，焦点，滑动门，margin负值
css样式表/层叠样式表(7) 元素的隐藏与显示 (1)dispaly显示 (2)visibility可见性 (3)overflow溢出 css用户界面样式鼠标样式cursor 轮廓线outline ...
CSS基础(part15)--元素的隐藏与显示
学习笔记,仅供参考,有错必纠参考自:pink老师学习笔记文章目录元素的隐藏与显示 display显示 visibility可见性 overflow溢出显示与隐藏总结元素的隐藏与显示 disp ...
vue控制元素的隐藏和显示
vue动态控制元素的隐藏和显示 <template><div @click="clickbj(i)"> //i 为父元素 for 循环的 index点击&l ...
jquery控制元素的隐藏和显示的几种方法。
使用jquery控制div的显示与隐藏,一句话就能搞定,例如: 1.$("#id").show()表示为display:block, $("#id").hide ...
jQuery前端开发学习指南(18)——利用jQuery实现元素的隐藏、显示和切换及其动画效果
版权声明本文原创作者:谷哥的小弟作者博客地址:http://blog.csdn.net/lfdfhl 概述在jQuery框架中可便捷地以动画形式隐藏和显示以及切换元素,常用方式有如下三种:默认方 ...
js控制页面元素的隐藏与显示
2019独角兽企业重金招聘Python工程师标准>>> <body> <div> <button οnclick='javascript:Layer ...
原生js设置div隐藏或者显示_JavaScript动画方式控制div元素的隐藏和显示
jQuery实现此功能相对比较简单,具体参阅点击按钮动画方式隐藏和显示div一章节. 结合CSS3实现此功能也非常便利和适合,具体参阅JavaScript与CSS3动画方式改变元素尺寸一章节. 原生J ...
jquery控制元素的隐藏和显示
很简单,做个笔记,方便查阅 $("#id").show()表示为display:block, $("#id").hide()表示为display:none; $ ...
CSS的元素的隐藏与显示
显示与隐藏 1.介绍: display:使段落生出行内框 visibility :属性规定元素是否可见. 2.display属性值描述 none 此元素不会被显示. block 此元素将显 ...

js_元素的隐藏与显示

js_元素的隐藏与显示相关推荐

最新文章

热门文章