HTML | DOM 详细信息 open 属性

简介

HTML DOM 中的 open 属性被用于

语法

element.open = true|false;

• open: 布尔值，true 表示元素是打开的，false 表示元素是关闭的。

示例

下面的示例演示如何使用 open 属性控制

<details>
  <summary>我是标题</summary>
  <p>我是内容</p>
</details>

<script>
  var details = document.querySelector("details");
  details.addEventListener("toggle", function(event) {
    console.log(details.open);
    // 打开后输出 true; 关闭后输出 false
  });
</script>

注意事项

• 元素的打开和关闭需要通过 JS 控制，因此 open 属性与

  元素不同于基于用户操作的

  元素。

结论

open 属性是一个在 HTML DOM 中使用的布尔属性，用于标志元素是否应该默认处于打开或隐藏状态。当应用于