Latest web development tutorials
 

Dialog showModal() Method

< Dialog Object

Example

Show a dialog window:

document.getElementById("myDialog").showModal();
Try it Yourself »

Definition and Usage

The showModal() method shows the dialog.

When this method is used to show a dialog window, the user is not able to interact with other elements on the page. Use the show() method if you want the user to interact with other elements on the page whilst the dialog is shown.

Tip: This method is often used together with the close() method.


Browser Support

Method
showModal() 37.0 Not supported Not supported 6.0 24.0

Syntax

dialogObject.showModal()

< Dialog Object