Details open 属性

定义和用法

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 属性