javascript 控制 DIV等html元素的显示和隐藏（不占位）

1、编写js函数

<scripttype="text/javascript"> functiondisplay(id){

var traget=document.getElementByIdx_x(id); if(traget.style.display=="none"){ traget.style.display=""; }else{ traget.style.display="none"; } } </script>

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

<table>

<tr id="menu">

<td>控制这个tr的显示/隐藏</td>

</tr>

</table>

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

<inputtype="button" οnclick="display(menu)" value="显示/隐藏"/>

<ahref="#" οnclick="display(menu)" >显示/隐藏</a>

javascript显示隐藏层

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

javascript隐藏/显示表单对象

<SCRIPTlanguage=javascript> function expandIt(el) { whichEl =document.getElementByIdx_x(el) if (whichEl.style.display== none){ whichEl.style.display = ; } else { whichEl.style.display = none; } } </SCRIPT>

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

例：

<aοnclick="expandIt(ttchild); return false" href="#">try it</a>

<trid="ttchild"><tdwidth="18">Example</td></tr>

javascript控制页面控件隐藏显示的两种方法，方法的不同之处在于控件隐藏后是否还在页面上占位：

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

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

document.all<"PanelSMS">.style.display="inline";