• 技术文章 >web前端 >js教程

    javascript如何显示隐藏div

    coldplay.xixicoldplay.xixi2021-04-06 15:55:08原创61

    javascript显示隐藏div的方法:创建一个showhidediv的方法,直接跟ID属性调用,代码为【var sbtitle=document.getElementById(id)】。

    本教程操作环境:windows7系统、javascript1.8.5版,DELL G3电脑。

    javascript显示隐藏div的方法:

    1、创建一个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>

    2、HTML页面结构

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

    相关免费学习推荐:javascript视频教程

    以上就是javascript如何显示隐藏div的详细内容,更多请关注php中文网其它相关文章!

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!
    专题推荐:javascript 隐藏div
    上一篇:javascript中this的用法有哪些 下一篇:javascript如何删除所有的cookie
    第15期线上培训班

    相关文章推荐

    • css和javascript之间有什么区别• javascript如何判断对象是否数组• javascript怎么写• javascript字符串如何转json• javascript如何判断是否数字• javascript是一种什么样的语言

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网