javascript 控制 html元素 顯示/隱藏實(shí)現(xiàn)代碼
更新時(shí)間：2009年09月01日 01:06:09 作者：
javascript 控制 html元素 顯示/隱藏，下面是一些逐步的實(shí)現(xiàn)原理。
1。編寫(xiě)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>控制這個(gè)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控制頁(yè)面控件隱藏顯示的兩種方法
javascript控制頁(yè)面控件隱藏顯示的兩種方法，方法的不同之處在于控件隱藏后是否還在頁(yè)面上占位
方法一：
document.all["PanelSMS"].style.visibility="hidden";
document.all["PanelSMS"].style.visibility="visible";
方法二：
document.all["PanelSMS"].style.display="none";
document.all["PanelSMS"].style.display="inline";
方法一隱藏后 頁(yè)面的位置還被控件占用 只是不顯示
方法二隱藏后 頁(yè)面的位置不被占用
<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>控制這個(gè)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控制頁(yè)面控件隱藏顯示的兩種方法
javascript控制頁(yè)面控件隱藏顯示的兩種方法，方法的不同之處在于控件隱藏后是否還在頁(yè)面上占位
方法一：
document.all["PanelSMS"].style.visibility="hidden";
document.all["PanelSMS"].style.visibility="visible";
方法二：
document.all["PanelSMS"].style.display="none";
document.all["PanelSMS"].style.display="inline";
方法一隱藏后 頁(yè)面的位置還被控件占用 只是不顯示
方法二隱藏后 頁(yè)面的位置不被占用
相關(guān)文章
詳述 Sublime Text 打開(kāi) GBK 格式中文亂碼的解決方法
這篇文章主要介紹了詳述 Sublime Text 打開(kāi) GBK 格式中文亂碼的解決方法，非常具有實(shí)用價(jià)值，需要的朋友可以參考下2017-10-10
這篇文章主要為大家詳細(xì)介紹了原生JS實(shí)現(xiàn)登錄框郵箱提示，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-10-10
這篇文章主要為大家詳細(xì)介紹了js+css實(shí)現(xiàn)紅包雨效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-07-07
這篇文章主要介紹了TypeScript?泛型重載函數(shù)的使用方式，文章圍繞主題展開(kāi)詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的小伙伴可以參考一下2022-08-08
jquery.rotate.js實(shí)現(xiàn)可選抽獎(jiǎng)次數(shù)和中獎(jiǎng)內(nèi)容的轉(zhuǎn)盤(pán)抽獎(jiǎng)代碼
這篇文章主要介紹了jquery.rotate.js實(shí)現(xiàn)可選抽獎(jiǎng)次數(shù)和中獎(jiǎng)內(nèi)容的轉(zhuǎn)盤(pán)抽獎(jiǎng)代碼,需要的朋友可以參考下2017-08-08
javascript在當(dāng)前窗口關(guān)閉前檢測(cè)窗口是否關(guān)閉
檢測(cè)窗口是否關(guān)閉，在當(dāng)前窗口關(guān)閉前使用js做到這一點(diǎn)，下面是具體的實(shí)現(xiàn)，感興趣的朋友可以參考下2014-09-09
JavaScript實(shí)現(xiàn)數(shù)組去重的7種方法
去重是開(kāi)發(fā)中經(jīng)常會(huì)碰到的一個(gè)熱點(diǎn)問(wèn)題，本文詳細(xì)的介紹了JavaScript實(shí)現(xiàn)數(shù)組去重的7種方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-03-03
這篇文章主要為大家詳細(xì)介紹了小程序自定義tabBar組件封裝，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-11-11
javascript實(shí)現(xiàn)自動(dòng)填寫(xiě)表單實(shí)例簡(jiǎn)析
這篇文章主要介紹了javascript實(shí)現(xiàn)自動(dòng)填寫(xiě)表單的方法,以一個(gè)簡(jiǎn)單實(shí)例形式分析了JavaScript結(jié)合瀏覽器設(shè)置實(shí)現(xiàn)自動(dòng)保存表單的相關(guān)技巧,需要的朋友可以參考下2015-12-12
JavaScript使用math.js進(jìn)行精確計(jì)算操作示例
這篇文章主要介紹了JavaScript使用math.js進(jìn)行精確計(jì)算操作,結(jié)合實(shí)例形式分析了開(kāi)源庫(kù)math.js進(jìn)行高精度數(shù)學(xué)運(yùn)算相關(guān)操作技巧,需要的朋友可以參考下2018-06-06