zoukankan      html  css  js  c++  java
  • html中实现数据的显示和隐藏

    Author: YangQingQing

    <!DOCTYPE html>
    <html>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <head>
    <title>demo</title>
    <script>
    var obj = document.getElementById("div_id");
    function hideOrShowEvent(){
    var obj= document.getElementById("div_id");
    if(obj.style.display=="block"){ //如果是显示则隐藏
    obj.style.display="none";
    }else{ //如果是隐藏则显示
    obj.style.display="block";
    }
    }
    </script>
    </head>
    <body>
    <div id="div_id" style="border:1px solid red;display:block;" > 这里是内容 </div>
    <button type="button" onclick=hideOrShowEvent()> 点击隐藏或显示 </button>
    </body>
    </html>

  • 相关阅读:
    js 设计模式
    jquery 概述
    Node.js最新Web技术栈(2015年5月)
    this
    gulp
    bootstrap modal
    jsTree问题
    iterm2 学习笔记
    knowledge_map 修改笔记
    handsontable 问题
  • 原文地址:https://www.cnblogs.com/guolongnv/p/7028561.html
Copyright © 2011-2022 走看看