读书人

js展示隐藏

发布时间: 2012-11-25 11:44:31 作者: rapoo

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 属性

<table>
<tr id="menu" >
<td>控制这个tr的显示/隐藏</td>
</tr>
</table>


添加按钮,链接等触发 js 函数

<input type="button" onclick="display('menu')" value="显示/隐藏"/>
<a href="#" onclick="display('menu')" >显示/隐藏</a>
javascript显示隐藏层
<div id="" style="display:none;">广告</div>
<input type="botton" onclick="函数"/>
<script language=javascript>
function 函数{
if(thisdiv.style.display=='none'){
thisdiv.style.display=""
}else{
thisdiv.style.display="none"
}
</script>



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";


http://blog.swine123.com/archives/21.html?utm_source=rss

读书人网 >JavaScript

热点推荐