HTMLDialogElement インターフェイス

　HTMLDialogElement インターフェイスは、簡易にポップアップダイアログやモーダルウィンドウを表示できる <dialog> エレメントを定義したインターフェイスです。
　HTMLDialogElement インターフェイスは <dialog> エレメントのプロパティ、メソッド、イベントを定義しています。

HTMLDialogElement 継承図

EventTarget
- └ Node
- - └ Element
  - - └ HTMLElement
    - - ┆
      - ├ HTMLDialogElement
      - ┆

- ad -

プロパティ(Properties)

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

プロパティ	概要	分類
.open	<dialog> が開いているか／否か。Boolean 型
.returnValue	<dialog> に任意に値を設定するための属性。 DOMString 型

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

Nodeのプロパティ一覧　

タイプ名（ハンドラー名）	概要	分類

Elementのプロパティ一覧　

タイプ名（ハンドラー名）	概要	分類

HTMLElementのプロパティ一覧　

タイプ名（ハンドラー名）	概要	分類

メソッド(Methods)

　HTMLDialogElement インターフェイスは以下の独自のメソッドがあります。

メソッド	概要	分類
.close()	<dialog> を閉じる。引数に .returnValue が設定できる
.show()	<dialog> を開く。
.showModal()	ユーザーによる返答がない限り閉じないモーダルなダイアログとして開く

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

Nodeのメソッド一覧　

タイプ名（ハンドラー名）	概要	分類

Elementのメソッド一覧　

タイプ名（ハンドラー名）	概要	分類

HTMLElementのメソッド一覧　

タイプ名（ハンドラー名）	概要	分類

イベント(Event)

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

HTMLDialogElement.addEventListener( 'close', ()=>{...} )

HTMLDialogElement.onclose = function(){...}

<button onclose = "..." >

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

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

GlobalEventHandlersのイベント一覧　

タイプ名（ハンドラー名）	概要	分類

DocumentAndElementEventHandlersのイベント一覧　

タイプ名（ハンドラー名）	概要	分類

HTMLElementのイベント一覧　