您的位置：首页 > Web前端 > JavaScript

JS实现点击显示与隐藏

2017-02-23 12:01 447 查看 
<html>
<head>
<meta charset="utf-8"/>
<title>点击显示/隐藏</title>
<style type="text/css">
#thediv
{
width:200px;
height:100px;
line-height:100px;
text-align:center;
background-color:green;
}
</style>
<script type="text/javascript">

function S_h(obj){
if(obj.style.display=='block'){
[code]
obj.style.display='none';

}[/code]
}
</script>
</head>
window.onload = function(){

var olink = document.getElemetnById("link");

var td = document.getElemtnById("thediv");

olink.onclick = function(){

S_h(td);

return false;

}

}<body><a href="#" id="link">显示\隐藏切换</a><div id="thediv" style="display:block">显示/隐藏</div></body></html>

                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航