javascript 控制 html元素 顯示/隱藏實現(xiàn)代碼
更新時間：2009年09月01日 01:06:09 作者：
javascript 控制 html元素 顯示/隱藏，下面是一些逐步的實現(xiàn)原理。
1。編寫js函數(shù)
<script type="text/javascript">
function display(y){$(y).style.display=($(y).style.display=="none")?"":"none";}
function $(s){return document.getElementById(s);}
</script>
2. 要顯示/隱藏的html元素加上 id 屬性
<table>
<tr id="menu" >
<td>控制這個tr的顯示/隱藏</td>
</tr>
</table>
3，添加按鈕，鏈接等觸發(fā) js 函數(shù)
<input type="button" onclick="display('menu')" value="顯示/隱藏"/>
<a href="#" onclick="display('menu')" >顯示/隱藏</a>
javascript顯示隱藏層<div id="layer" style="display:none;">廣告</div>
<input type="botton" onclick="display(layer)">
二: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";
方法一隱藏后 頁面的位置還被控件占用 只是不顯示
方法二隱藏后 頁面的位置不被占用
<script type="text/javascript">
function display(y){$(y).style.display=($(y).style.display=="none")?"":"none";}
function $(s){return document.getElementById(s);}
</script>
2. 要顯示/隱藏的html元素加上 id 屬性
<table>
<tr id="menu" >
<td>控制這個tr的顯示/隱藏</td>
</tr>
</table>
3，添加按鈕，鏈接等觸發(fā) js 函數(shù)
<input type="button" onclick="display('menu')" value="顯示/隱藏"/>
<a href="#" onclick="display('menu')" >顯示/隱藏</a>
javascript顯示隱藏層<div id="layer" style="display:none;">廣告</div>
<input type="botton" onclick="display(layer)">
二: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";
方法一隱藏后 頁面的位置還被控件占用 只是不顯示
方法二隱藏后 頁面的位置不被占用
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了使用OPENLAYERS3實現(xiàn)點選的幾種方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
js實現(xiàn)a標(biāo)簽超鏈接提交form表單的方法
這篇文章主要介紹了js實現(xiàn)a標(biāo)簽超鏈接提交form表單的方法,涉及javascript針對表單操作的相關(guān)技巧,需要的朋友可以參考下2015-06-06
dtree 網(wǎng)頁樹狀菜單及傳遞對象集合到j(luò)s內(nèi)，動態(tài)生成節(jié)點
最近要做一個聯(lián)系人的選擇框，選擇聯(lián)系人后，將聯(lián)系人的手機(jī)號添加到網(wǎng)頁的輸入框，可以支持復(fù)選框2012-04-04
JS小功能(offsetLeft實現(xiàn)圖片滾動效果)實例代碼
這篇文章主要介紹了offsetLeft實現(xiàn)圖片滾動效果實例代碼，有需要的朋友可以參考一下2013-11-11
這篇文章主要為大家詳細(xì)介紹了如何利用JavaScript實現(xiàn)簡易的流星雨的效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-06-06
這篇文章主要介紹了JS中三種URI編碼方式對比分析,本文通過實例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友參考下吧2024-01-01
通過flv.js播放監(jiān)控示例深入探究直播流技術(shù)
本文記錄一下在使用 flv.js 播放監(jiān)控視頻時踩過的各種各樣的坑,雖然官網(wǎng)給的?Getting Started?只有短短幾行代碼,跑一個能播視頻的 demo 很容易,但是播放時各種各樣的異常會搞到你懷疑人生,下面我將自己踩過的坑,以及踩坑過程中補(bǔ)充的相關(guān)知識,詳細(xì)總結(jié)一下2023-10-10
JavaScript實現(xiàn)為指定對象添加多個事件處理程序的方法
這篇文章主要介紹了JavaScript實現(xiàn)為指定對象添加多個事件處理程序的方法,可實現(xiàn)讓指定對象處理多個事件的功能,具有一定參考借鑒價值,需要的朋友可以參考下2015-04-04
如何給Web頁面增加夜間模式功能? 其實所謂的夜間模式就是在頁面上增加一個透明的遮罩層，但是遮罩層會擋住頁面元素， 解決方法是 添加DIV，給DIV的outline屬性一個很大的outline-width值，用outline的邊框作為遮罩，這樣既能正常點擊頁面元素，又能達(dá)到夜間模式的效果2014-01-01
這篇文章的目的只是讓你認(rèn)識控制臺，讓你入門調(diào)試js，之后的路還得靠你們自己走2014-06-06