Dialog show() Method

Show and close a dialog window:

const dialog = document.getElementById("myDialog");

function showDialog() {
dialog.show();
}

function closeDialog() {
dialog.close();
}

Description

The show() method shows an HTML <dialog> object.

The show() method is often used together with the close() method.

When the show() method is used to show a dialog window, the user can still interact with other elements on the page.

If you want the user to only interact with the dialog, use the showModal() method.

dialogObject.show()

<dialog> was introduced in HTML 5 (2014).

It is supported in all modern browsers:


Chrome	Edge	Firefox	Safari	Opera
Yes	Yes	Yes	Yes	Yes

<dialog> is not supported in Internet Explorer 11 (or earlier).