📌  相关文章
📜  使用 display 属性隐藏或显示 HTML 中的元素

📅  最后修改于: 2021-11-03 10:11:02             🧑  作者: Mango

样式显示属性用于通过使用 JavaScript/jQuery 访问 DOM 元素来隐藏和显示 HTML DOM 的内容。

要隐藏元素，请将样式显示属性设置为“无”。 

document.getElementById("element").style.display = "none";

要显示元素，请将样式显示属性设置为“块”。 

document.getElementById("element").style.display = "block";
    显示样式显示属性工作的步骤：
  1. 创建一些 div 并为它们分配一个 id 或 class，然后为其添加样式。
  2. width 和 height 将设置内容的宽度和高度，border-radius 0% 将制作方形边框，50% 将制作圆形，25% 将制作圆形，float 将使 div 定位，margin-right将使它们与右侧的空格分开。 

    
  

  

  
    
    
  
    
    
  
    
    
  
    
  

  

    输出：
    上面代码的输出是：

    点击后方形会消失：

    同样，圆角形状会在点击后消失：

    同样，圆形状会在点击后消失。

    HTML 是网页的基础，用于通过构建网站和 Web 应用程序进行网页开发。您可以按照此 HTML 教程和 HTML 示例从头开始学习 HTML。