備忘録的プログラミングリファレンス

HTMLDetailsElement インターフェイス

 HTMLDetailsElement インターフェイスは、ユーザーによってエレメント内のコンテンツを表示/非表示にできる <details> エレメントを定義したインターフェイスです。
 HTMLDetailsElement インターフェイスは、プロパティメソッドイベントを定義しています。

 open プロパティによって、予め表示しておくこともできます。

HTMLDetailsElement 継承図

プロパティ(Properties)

 HTMLDetailsElement インターフェイスは 以下の独自のプロパティをもちます。

プロパティ概要分類
.opendetails の内容を全表示するか、否か。true に指定しおくと予め全表示した状態なる。Boolean 型

 HTMLElement インターフェイス のプロパティを継承しています。以下は、HTMLElement インターフェイスのプロパティと継承したプロパティです。参考にしてください。

Nodeのプロパティ一覧 

タイプ名(ハンドラー名)概要分類

Elementのプロパティ一覧 

タイプ名(ハンドラー名)概要分類

HTMLElementのプロパティ一覧 

タイプ名(ハンドラー名)概要分類

メソッド(Methods)

 HTMLDetailsElement インターフェイスは 以下の独自のメソッドはありません。

 HTMLDetailsElement インターフェイスが継承したHTMLElement インターフェイスのメソッドです。 NodeElement インターフェイスのメソッドを含みます。使えないものもあるので参考してください。

Nodeのメソッド一覧 

タイプ名(ハンドラー名)概要分類

Elementのメソッド一覧 

タイプ名(ハンドラー名)概要分類

HTMLElementのメソッド一覧 

タイプ名(ハンドラー名)概要分類

イベント(Event)

 HTMLDetailsElement にイベントハンドラーを定義する方法には以下があります。

HTMLDetailsElement.addEventListener( 'click', ()=>{...} )
HTMLDetailsElement.onclick = function(){...}
<button onclick = "..." >

 イベントについてはEventを参照してください。 イベントの監視についてはEventTargetが担っています。

 以下は、HTMLDetailsElement が継承しているイベント一覧です。使えないものもあるので参考にしてください。

GlobalEventHandlersのイベント一覧 

タイプ名(ハンドラー名)概要分類

DocumentAndElementEventHandlersのイベント一覧 

タイプ名(ハンドラー名)概要分類

HTMLElementのイベント一覧 

タイプ名(ハンドラー名)概要分類