Details open 属性

Details 对象参考手册 Details 对象

实例

显示额外的描述信息:

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

尝试一下 »

定义和用法

open 属性用于设置或者返回 details 标签内的信息对用户是否显示（open）。

该属性体现了 HTML open 属性。

当设置为 true 时, details 标签中的内容信息将是可见的。

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

open 属性目前只支持 Opera, Chrome 和Safari 6浏览器。

语法

返回 open 属性：

detailsObject.open

设置 open 属性：

detailsObject.open=true|false

属性值

值 描述
true|false 规定在 HTML 页面上 details 应该是可见的。
  • true - 描述信息可见
  • false - 描述信息不可见

技术细节

返回值： 布尔值, 如果 details 标签内容可见返回true，否则返回false。

更多实例

实例

查看 details 标签中的额外信息是否可见：

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

x 输出结果为:

true

尝试一下 »

实例

显示或隐藏额外描述信息:

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

尝试一下 »

Details 对象参考手册 Details 对象