Question

app.Run(async context =>
{    
    var types = context.Authentication.GetAuthenticationSchemes();
}

我正在使用样式显示属性。我如何操作代码，以便在开始时隐藏DIV元素，当我单击按钮时它会出现？

Answer 1

更改您的Javascript功能：

function myFunction() {
    document.getElementById("myDIV").style.display = "block";
}

和CSS：

#myDIV {
    width: 500px;
    height: 500px;
    background-color: lightblue;
    display: none;
}

所以基本上不会显示#myDIV。单击该按钮后，将运行myFunction()，将#myDIV的显示更改为阻止，这是div的默认显示。

Answer 2

您最初可以在div上拥有display:none。你应该使用javascript代码，除了将{0}更改为block

Answer 3

您必须将div的样式添加到 display：none; 。

然后，您需要在按钮触发时更改显示。

document.getElementById("myDIV").style.display = "block";

如果现在有效，请尝试使用此代码。

<!DOCTYPE html>
<html>
   <head>
      <style> 
         #myDIV {
         width: 500px;
         height: 500px;
         background-color: lightblue;
         display:none;
         }
      </style>
   </head>
   <body>
      <p>Click the "Try it" button to set the display property of the DIV element to "none":</p>
      <button onclick="myFunction()">Try it</button>
      <div id="myDIV">
         This is my DIV element.
      </div>
      <p><b>Note:</b> The element will not take up any space when the display property set to "none".</p>
      <script>
         function myFunction() {
             document.getElementById("myDIV").style.display = "block";
         }
      </script>
   </body>
</html>

操纵样式显示属性

3 个答案: