javascript 控制 html元素 顯示/隱藏實(shí)現(xiàn)代碼
更新時(shí)間:2009年09月01日 01:06:09 作者:
javascript 控制 html元素 顯示/隱藏,下面是一些逐步的實(shí)現(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>控制這個(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控制頁面控件隱藏顯示的兩種方法
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>控制這個(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控制頁面控件隱藏顯示的兩種方法
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)文章
詳述 Sublime Text 打開 GBK 格式中文亂碼的解決方法
這篇文章主要介紹了詳述 Sublime Text 打開 GBK 格式中文亂碼的解決方法,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2017-10-10jquery.rotate.js實(shí)現(xiàn)可選抽獎(jiǎng)次數(shù)和中獎(jiǎng)內(nèi)容的轉(zhuǎn)盤抽獎(jiǎng)代碼
這篇文章主要介紹了jquery.rotate.js實(shí)現(xiàn)可選抽獎(jiǎng)次數(shù)和中獎(jiǎng)內(nèi)容的轉(zhuǎn)盤抽獎(jiǎng)代碼,需要的朋友可以參考下2017-08-08javascript在當(dāng)前窗口關(guān)閉前檢測窗口是否關(guān)閉
檢測窗口是否關(guān)閉,在當(dāng)前窗口關(guān)閉前使用js做到這一點(diǎn),下面是具體的實(shí)現(xiàn),感興趣的朋友可以參考下2014-09-09JavaScript實(shí)現(xiàn)數(shù)組去重的7種方法
去重是開發(fā)中經(jīng)常會(huì)碰到的一個(gè)熱點(diǎn)問題,本文詳細(xì)的介紹了JavaScript實(shí)現(xiàn)數(shù)組去重的7種方法,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-03-03javascript實(shí)現(xiàn)自動(dòng)填寫表單實(shí)例簡析
這篇文章主要介紹了javascript實(shí)現(xiàn)自動(dòng)填寫表單的方法,以一個(gè)簡單實(shí)例形式分析了JavaScript結(jié)合瀏覽器設(shè)置實(shí)現(xiàn)自動(dòng)保存表單的相關(guān)技巧,需要的朋友可以參考下2015-12-12JavaScript使用math.js進(jìn)行精確計(jì)算操作示例
這篇文章主要介紹了JavaScript使用math.js進(jìn)行精確計(jì)算操作,結(jié)合實(shí)例形式分析了開源庫math.js進(jìn)行高精度數(shù)學(xué)運(yùn)算相關(guān)操作技巧,需要的朋友可以參考下2018-06-06