您的位置是:网站首页>Javascript编程Javascript编程

javascript如何显示隐藏div

少儿编程网2022-01-19 13:35:49Javascript编程 人已围观 来源:少儿编程 -用户投稿

简介javascript显示隐藏div的方法:创建一个showhidediv的方法,直接跟ID属性调用,代码为【varsbtitle=document.getElementById(id)】。本教程操作环境:windows7系统、javascript1.8.5版,DELLG3电脑。javascript显

javascript显示隐藏div的方法:创建一个showhidediv的方法,直接跟ID属性调用,代码为【var sbtitle=document.getElementById(id)】。Olp少儿编程网-https://www.pxcodes.com

Olp少儿编程网-https://www.pxcodes.com

本教程操作环境:windows7系统、javascript1.8.5版,DELL G3电脑。Olp少儿编程网-https://www.pxcodes.com

javascript显示隐藏div的方法:Olp少儿编程网-https://www.pxcodes.com

1、创建一个showhidediv的方法,直接跟ID属性调用;Olp少儿编程网-https://www.pxcodes.com

<script language="javascript">
function showhidediv(id){
var sbtitle=document.getElementById(id);
if(sbtitle){
   if(sbtitle.style.display=='block'){
   sbtitle.style.display='none'; 
   }else{
   sbtitle.style.display='block';
   }
}
}
</script>

2、HTML页面结构Olp少儿编程网-https://www.pxcodes.com

<a onm ouseMove='showhidediv("baip")';> 点我  </a>
<div id="baip"style="display:none;">隐藏显示的DIV</div>

相关免费学习推荐:javascript视频教程Olp少儿编程网-https://www.pxcodes.com

以上就是javascript如何显示隐藏div的详细内容,更多请关注少儿编程网其它相关文章!Olp少儿编程网-https://www.pxcodes.com

来源:php中文网Olp少儿编程网-https://www.pxcodes.com


相关文章:

支持一下 ( )

javascript如何显示隐藏div

      匿名评论
    • 评论
    人参与,条评论
    javascript如何显示隐藏div

微信公众号

免费视频教程

先知道