怎么在javascript中隐藏和显示div

这期内容当中小编将会给大家带来有关怎么在javascript中隐藏和显示div,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。

安康网站建设公司创新互联公司,安康网站设计制作,有大型网站制作公司丰富经验。已为安康1000+提供企业网站建设服务。企业网站搭建\外贸网站制作要多少钱,请找那个售后服务好的安康做网站的公司定做!

javascript是一种什么语言

javascript是一种动态类型、弱类型的语言,基于对象和事件驱动并具有相对安全性并广泛用于客户端网页开发的脚本语言,同时也是一种广泛用于客户端Web开发的脚本语言。它主要用来给HTML网页添加动态功能,现在JavaScript也可被用于网络服务器,如Node.js。

1、通过设置display属性可以使div隐藏后释放占用的页面空间。

document.getElementById("demo").style.display="none";//隐藏
document.getElementById("demo").style.display="block";//显示

2、创建一个showhidediv的方法,直接跟ID属性调用。

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

3、HTML页面结构

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

上述就是小编为大家分享的怎么在javascript中隐藏和显示div了,如果刚好有类似的疑惑,不妨参照上述分析进行理解。如果想知道更多相关知识,欢迎关注创新互联行业资讯频道。

当前名称:怎么在javascript中隐藏和显示div
当前链接:https://www.cdcxhl.com/article4/pjosie.html

成都网站建设公司_创新互联,为您提供品牌网站设计虚拟主机全网营销推广网站建设网站制作网站收录

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

成都网页设计公司