js display的属性

// 设置元素的 display 属性为 'none'，使元素隐藏
document.getElementById("myElement").style.display = "none";

// 设置元素的 display 属性为 'block'，使元素以块级元素显示
document.getElementById("myElement").style.display = "block";

// 设置元素的 display 属性为 'inline'，使元素以内联元素显示
document.getElementById("myElement").style.display = "inline";

// 设置元素的 display 属性为 'flex'，使元素以弹性盒子布局显示
document.getElementById("myElement").style.display = "flex";

// 设置元素的 display 属性为 'grid'，使元素以网格布局显示
document.getElementById("myElement").style.display = "grid";

解释说明：

• display 是 CSS 中的一个属性，用于控制元素在页面上的布局方式。
• 通过 JavaScript 可以动态地修改元素的 display 属性，从而改变元素的显示状态或布局方式。
• 常见的 display 值包括：
  • none: 隐藏元素，元素不会占用任何空间。
  • block: 元素作为块级元素显示，独占一行。
  • inline: 元素作为内联元素显示，不会独占一行。
  • flex: 使用弹性盒子布局。
  • grid: 使用网格布局。