zoukankan      html  css  js  c++  java
  • js修改的行间样式

    这里需要点击两次才能显示的原因是最开始div并没有行间样式,所以首先style="display: ;" 并不是等于none,那么第一次点击行间样式是变成none。
    
    
    <!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title></title>
        <style>
        #div2
        {
            width: 100px;
            height: 200px;
            border: 1px solid red;
            display: none;
        }
        </style>
    </head>
    <body>
    <input type="button" value="xianshi" onclick="showhide()" />
    <div id="div2"></div>
    <script>
        var oDiv = document.getElementById('div2');
        function showhide() {
            if (oDiv.style.display == 'none') {
            oDiv.style.display = 'block';
        }
        else {
            oDiv.style.display = 'none';
        }
    }
    </script>
    </body>
    </html>
  • 相关阅读:
    2017.11.20
    第8次
    作业 lianxi
    java 7个练习题
    java 2.15
    java 2.6
    jsp变量和方法的声明
    jsp 基本标签从头练习
    15
    14
  • 原文地址:https://www.cnblogs.com/zhuni/p/4682734.html
Copyright © 2011-2022 走看看