zoukankan      html  css  js  c++  java
  • 点击按钮隐藏和显示div

    两个按钮实现方法:

    <input type="button" value="设置div隐藏" id="btn18" />
    <input type="button" value="设置div显示" id="btn19" />
    <div id="dv" style=" 200px;height: 200px;background-color:pink"></div>
    <script type="text/javascript">
    //凡是css中这个属性是对个单词的写法,在jsDOM操作的时候,把-去掉,
    //后面单词的首字母大写即可.比如:background-color 写成 backgroundColor
    function my$(id) {
    return document.getElementById(id);
    }
    my$("btn18").onclick=function(){
    my$("dv").style.display="none";
    };
    my$("btn19").onclick=function(){
    my$("dv").style.display="block";
    };
    </script>

    一个按钮实现方法:

    <input type="button" value="隐藏" id="btn20" />
    <div id="dv" style=" 200px; height: 200px; background-color: #008000;" ></div>
    <script type="text/javascript">
    //凡是css中这个属性是对个单词的写法,在jsDOM操作的时候,把-去掉,
    //后面单词的首字母大写即可.比如:background-color 写成 backgroundColor
    function my$(id) {
    return document.getElementById(id);
    }
    my$("btn20").onclick=function(){
    if(this.value=="隐藏"){
    my$("dv").style.display="none";
    this.value="显示";
    }else if(this.value=="显示"){
    my$("dv").style.display="block";
    this.value="隐藏";
    }
    };

    </script>

  • 相关阅读:
    Django【进阶】信号
    Django【进阶】缓存
    exec,eval
    linux下磁盘分区、格式化、挂载
    Django【进阶】中间件
    Django【进阶】权限管理
    Django【进阶】FBV 和 CBV
    MySQL 进阶(待发布)
    Django【进阶】
    django 分页和中间件
  • 原文地址:https://www.cnblogs.com/surplus/p/12409834.html
Copyright © 2011-2022 走看看