原生js设置div隐藏或者显示_10种JS控制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 属性

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){}

}