javascript 物件導向宣告

javascript控制html元素顯示/隱藏

1。編寫js函數

< script type="text/javascript">

function display(id){

vartraget=document.getElementById(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> < /tr>

< /table> < /table>

3，添加按鈕，鏈接等觸發js函數

< input type="button" onclick="display( 'menu' )" value="顯示/隱藏"/>

< a href="#" onclick="display( 'menu' )" >顯示/隱藏< /a>
javascript顯示隱藏層
< div id="" style="display:none;">廣告< /div>
< input type="botton" onclick="函數">

< script language=javascript>
function函數{
if(thisdiv.style.display=='none'){
thisdiv.style.display=""
}
else
thisdiv.style.display="none"
}

< /script>

你先給div取個ID=“AA”thisdiv=AA
javascript隱藏/顯示表單對象


[SCRIPT language=javascript]
function expandIt(el) {
whichEl =document.getElementById(el)
if (whichEl.style.display == 'none') {
whichEl.style.display = '';
}
else {
whichEl.style.display = 'none';
}
}

[/SCRIPT]

el是對象的id，不管是tr或者table等等先設置一下id，然後進行調用。

例：

[a onclick="expandIt('ttchild'); return false" href="#" ]try it[/a]

[tr id="ttchild"][td width="18"]Example[/td][/tr]

使用時把[]變成< >

javascript控制頁面控件隱藏顯示的兩種方法

javascript控制頁面控件隱藏顯示的兩種方法，方法的不同之處在於控件隱藏後是否還在頁面上佔位方法一：
document.all["PanelSMS"].style.visibility="hidden";
document.all["PanelSMS"].style.visibility="visible";

方法二：
document.all["PanelSMS"].style.display="none";
document.all["PanelSMS"].style.display="inline";
方法一隱藏後頁面的位置還被控件佔用只是不顯示類似於.net驗證控件的Display=Static
方法二隱藏後頁面的位置不被佔用類似於.net驗證控件的Display=Dynamic