• 技术文章 >Web开发 >JavaScript

    javascript隐藏和显示div的方法

    小妮浅浅小妮浅浅2021-07-21 09:55:46原创424

    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学习指路:Javascript

    推荐操作环境:windows7系统、jquery3.2.1版本,DELL G3电脑。

    专题推荐:javascript
    品易云
    上一篇:javascript字符串类型的转换 下一篇:javascript判断变量相等的方法整理

    相关文章推荐

    • JavaScript创建数组求和• JavaScript中使用splice()方法清空数组• javascript中dom是什么• JavaScript中如何实现字符串去重• JavaScript 输出数据的方式有哪些• javascript 使用技巧• Javascript监听滚动条滚动停止• 一文彻底搞懂 Javascript 的 this(含 ES6+)• 加点JavaScript魔法• JavaScript内存泄露教程• javascript 事件流 捕获与冒泡• JavaScript 箭头函数究竟是什么?• JavaScript 2018 中即将迎来的新功能• 37个JavaScript基本面试问题和解答• JavaScript 2018 中即将迎来的新功能• JavaScript与物联网• 对javascript集合的封装以及jquery• JavaScript如何编写解释器• JavaScript解释器是什么?

    全部评论我要评论

  • 取消发布评论
  • 

    Python学习网