div隱藏與顯示

#menus {

background-color: #c4cff0;

}

function Layer_HideOrShow(cur_div)

{ var current=document.getElementById(cur_div);

if(current.style.visibility=="hidden")

{

current.style.visibility ="visible";

}

else

{

current.style.visibility ="hidden";

}

}

??

====================

無標題文檔

居中的DIV

=======================

3.javascript 控制 html元素 顯示/隱藏

1。編寫js函數

function display(id){

var traget=document.getElementById(id);

if(traget.style.display=="none"){

traget.style.display="";

}else{

traget.style.display="none";

}

}

2. 要顯示/隱藏的html元素加上 id 屬性

控制這個tr的顯示/隱藏

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

顯示/隱藏

javascript顯示隱藏層

廣告

function 函數{

if(thisdiv.style.display=='none'){

thisdiv.style.display=""

}

else

thisdiv.style.display="none"

}

你先給div 取個ID=“AA”thisdiv=AA

javascript隱藏/顯示表單對象

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 οnclick="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

這個方法來我是從一個boblog模板上找到的，其實網絡上也可以搜索到；只是網絡上不看效果的轉載讓人難辯代碼的錯對和方便。用這個方法比用《給zblog再增3個功能：防刷、收縮側欄、復制加版權》的效果要好，純css隱藏div會刷新頁面，但用js就不會了。

js代碼如下，新建一個txt文件，復制進去，保存并修改文件后綴為js(例open.js)即可。我是把這個文件放在zblog的SCRIPT文件夾里，這里js比較多……

程序代碼function showhidediv(id){

try{

var sbtitle=document.getElementById(id);

if(sbtitle){

if(sbtitle.style.display=='block'){

sbtitle.style.display='none';

}else{

sbtitle.style.display='block';

}

}

}catch(e){}

}

總結

以上是生活随笔為你收集整理的原生js设置div隐藏或者显示_10种JS控制DIV的显示隐藏代码的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。