js_元素的隐藏与显示

深藏阁楼爱情的钟 2022-05-25 05:44 328阅读 0赞
  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”);

}

}

发表评论

表情:
评论列表 (有 0 条评论,328人围观)

还没有评论,来说两句吧...

相关阅读

    相关 js实现显示隐藏

    总结如下: 1.jQuery中隐藏元素的hide方法   让页面上的元素不可见,一般可以通过设置css的display为none属性。但是通过css直接修改是静态