js控制頁面控件隱藏顯示的兩種方法介紹
更新時間:2013年10月09日 16:35:55 作者:
兩種方法的不同之處在于控件隱藏后是否還在頁面上占位,詳細的示例代碼如下,大家可以感受下
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
方法一:
復(fù)制代碼 代碼如下:
document.all["panelsms"].style.visibility="hidden";
document.all["panelsms"].style.visibility="visible";
方法二:
復(fù)制代碼 代碼如下:
document.all["panelsms"].style.display="none";
document.all["panelsms"].style.display="inline";
方法一隱藏后 頁面的位置還被控件占用 只是不顯示 類似于.net驗證控件的display=static
方法二隱藏后 頁面的位置不被占用 類似于.net驗證控件的display=dynamic
您可能感興趣的文章:
- js模擬select下拉菜單控件的代碼
- js如何獲取file控件的完整路徑具體實現(xiàn)代碼
- 簡約JS日歷控件 實例代碼
- JS日期和時間選擇控件升級版(自寫)
- 一個簡單的JS時間控件示例代碼(JS時分秒時間控件)
- 通過JS來判斷頁面控件是否獲取焦點
- ExtJS如何設(shè)置與獲取radio控件的選取狀態(tài)
- js之ActiveX控件使用說明 new ActiveXObject()
- 使用js判斷TextBox控件值改變?nèi)缓蟪霭l(fā)事件
- file控件選擇上傳文件確定后觸發(fā)的js事件是哪個
- 自制的文件上傳JS控件可支持IE、chrome、firefox etc
- Jquery插件分享之氣泡形提示控件grumble.js
- 教你用AngularJS框架一行JS代碼實現(xiàn)控件驗證效果
- js設(shè)置控件的隱藏與顯示的兩種方法
- JS實現(xiàn)OCX控件的事件響應(yīng)示例
- 自己動手寫的javascript前端等待控件
相關(guān)文章
document.all還是document.getElementsByName?
document.all還是document.getElementsByName?...2006-07-07JS實現(xiàn)讓網(wǎng)頁背景圖片斜向移動的方法
這篇文章主要介紹了JS實現(xiàn)讓網(wǎng)頁背景圖片斜向移動的方法,涉及javascript操作背景圖片特效的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02JavaScript實現(xiàn)級聯(lián)菜單的方法
這篇文章主要介紹了JavaScript實現(xiàn)級聯(lián)菜單的方法,涉及javascript頁面元素操作的相關(guān)技巧,需要的朋友可以參考下2015-06-06JavaScript中this的用法及this在不同應(yīng)用場景的作用解析
由于其運行期綁定的特性,JavaScript 中的 this 含義要豐富得多,它可以是全局對象、當(dāng)前對象或者任意對象,這完全取決于函數(shù)的調(diào)用方式,這篇文章主要給大家介紹了JavaScript中this的用法及this在不同應(yīng)用場景的作用解析,一起看看吧2017-04-04