HTML DOM Dialog Object

Dialog Object

The Dialog object represents an HTML <dialog> element.

You can access a <dialog> element by using getElementById():

const element = document.getElementById("myDialog");
element.open = true;

You can create a <dialog> element by using the document.createElement() method:

const dialog = document.createElement("DIALOG");

Property	Description
open	Sets or returns whether a dialog should be open or not
returnValue	Sets or returns the dialog's return value

Method	Description
close()	Closes the dialog
show()	Shows the dialog
showModal()	Shows the dialog and makes it the top-most modal dialog

The Dialog object also supports the standard properties and events.