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");

}

}