Latest web development tutorials

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