このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

HTMLDetailsElement

Baseline 広く利用可能 *

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2020年1月以降、すべてのブラウザーで利用可能です。

* この機能の一部は、対応レベルが異なる場合があります。

HTMLDetailsElement インターフェイスは、(継承によって利用できる通常の HTMLElement インターフェイスのもの以外の)<details> を操作するための特殊なプロパティを提供します。

EventTarget Node Element HTMLElement HTMLDetailsElement

インスタンスプロパティ

親である HTMLElement からプロパティを継承しています。

HTMLDetailsElement.open

HTML の open 属性を反映する論理値で、要素の内容(<summary> を除く)がユーザーに表示されているかどうかを示します。

インスタンスメソッド

固有のメソッドはありません。親である HTMLElement からメソッドを継承しています。

イベント

このイベントは addEventListener() を使用するか、このインターフェイスの onイベント名 プロパティにイベントリスナーを代入することで待ち受けします。

toggle

<details> 要素の open/closed 状態がトグル切り替えされたときに発生します。

仕様書

仕様書
HTML
# htmldetailselement
HTML
# event-toggle

ブラウザーの互換性

api.HTMLDetailsElement

api.HTMLElement.toggle_event.details_elements

関連情報

  • このインターフェイスを実装している HTML 要素: <details>