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 對象