html页面按钮隐藏div显示,javascript 控制 DIV等html元素的显示和隐藏

1、编写 js函数

function display(id){

var traget=document.getElementById(id);

if(traget.style.display=="none"){

traget.style.display="";

}else{

traget.style.display="none";

}

}

2.、要显示 /隐藏的 html元素加上 id属性

控制这个 tr的显示 /隐藏

3、添加按钮，链接等触发 js函数

显示 /隐藏

javascript显示隐藏层

广告

function函数 {

if(thisdiv.style.display=='none'){

thisdiv.style.display=""

}

else

thisdiv.style.display="none"

}

你先给 div取个 ID=“AA”thisdiv=AA

javascript隐藏/显示表单对象

function expandIt(el) {

whichEl =document.getElementById(el)

if (whichEl.style.display ==    'none') {

whichEl.style.display    = '';

}

else {

whichEl.style.display    = 'none';

}

}

el是对象的 id，不管是 tr或者 table等等先设置一下 id，然后进行调用。

例：

try it

Example

javascript控制页面控件隐藏显示的两种方法

方法的不同之处在于控件隐藏后是否还在页面上占位：

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

通过设置display属性可以使div隐藏后释放占用的页面空间。

方法一：document.all.style.visibility="hidden";

document.all.style.visibility="visible";方法二：document.all.style.display="none";

document.all.style.display="inline";

【[HTML]显示/隐藏DIV的技巧(visibility与display的差别)】------------------

【style="visibility: none;"

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

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

【style="display: none;"

document.getElementById("typediv1").style.display="none";//隐藏

document.getElementById("typediv1").style.display="";//显示】

ttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank" rel="external">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

http://www.w3.org/1999/xhtml">

jexm's blog

显示与否