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

📅  最后修改于: 2022-05-13 01:58:11.212000             🧑  作者: Mango

使用 display 属性隐藏或显示 HTML 中的元素

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

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

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

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

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

  

  
    
    
  
    
    
  
    
    
  
    
  

  

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

    点击后方形会消失：

    同样，圆形在单击后会消失：

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

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