HTML DOM Dialogオブジェクト


Dialog オブジェクト

Dialog オブジェクトはHTML5で新しく追加されました。

Dialog オブジェクトは HTML `<dialog>` 要素を表します。

注意:現在、Chrome Canary と Safari 6 ブラウザのみが `<dialog>` 要素をサポートしています。

Dialog オブジェクトへのアクセス

`getElementById()` を使用して `<dialog>` 要素にアクセスできます:

var x = document.getElementById("myDialog"); 試してみる

Dialog オブジェクトの作成

`document.createElement()` メソッドを使用して `<dialog>` 要素を作成できます:

var x = document.createElement("DIALOG"); 試してみる

Dialog オブジェクトのプロパティ

プロパティ 説明
open ダイアログウィンドウが開いているかどうかを設定または返します。
returnValue dialog の戻り値を設定または返します。

Dialog オブジェクトのメソッド

メソッド 説明
close() ダイアログウィンドウを閉じる
show() ダイアログボックスを表示します。
showModal() ダイアログボックスを表示し、それを最前面のダイアログボックスにします。

標準プロパティとイベント

Dialog オブジェクトは標準のプロパティとイベント。


関連記事

HTML リファレンスマニュアル:HTML `<dialog>` タグ

その他の拡張