Details open 属性

HTML DOM Details 对象

定义和用法

open 属性设置或返回额外细节/信息是否应该对用户可见（打开）。

此属性反映 <details> open 属性。

当设置为 true 时，详细信息将对用户可见（打开）。

另请参阅：

HTML 参考手册：HTML <details> 标签

实例

例子 1

显示额外细节信息：

document.getElementById("myDetails").open = true;

亲自试一试

例子 2

了解用户是否可以看到（打开）额外细节信息：

var x = document.getElementById("myDetails").open;

亲自试一试

例子 2

在打开和关闭额外细节信息之间切换：

function openDetails() {
    document.getElementById("myDetails").open = true;
}

function closeDetails() {
    document.getElementById("myDetails").open = false;
}

亲自试一试

语法

返回 open 属性：

detailsObject.open

设置 open 属性：

detailsObject.open = true|false

属性值

值 描述
true|false

规定额外细节信息是否应该对用户可见（打开）。

  • true - 细节信息将可见
  • false - 细节信息将不可见

技术细节

返回值： 布尔值，如果细节可见则返回 true，否则返回 false。

浏览器支持

表中的数字注明了首个完全支持该属性的浏览器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
12.0 不支持 49.0 6.0 15.0

相关页面

HTML 参考手册：HTML <details> open 属性

HTML DOM Details 对象