日期:2014-05-16  浏览次数:20338 次

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