Latest web development tutorials

×

JavaScript Reference

JavaScript

JS String JS Number JS Operators JS Statements JS Math JS Date JS Array JS Boolean JS RegExp JS Global JS Conversion

Browser BOM

Window Navigator Screen History Location

HTML DOM

DOM Document DOM Elements DOM Attributes DOM Events DOM Style

HTML Objects

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Other Objects

CSSStyleDeclaration

Dialog open Property

< Dialog Object

Example

Open a dialog window:

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

Try it Yourself »

Definition and Usage

The open property sets or returns whether a dialog should be open or not.

This property reflects the <dialog> open attribute.

When present, it specifies that the dialog element is active and that the user can interact with it.

Note: The <dialog> element is new in HTML5.

Browser Support

Property
open	Yes	Not supported	Not supported	Yes	Yes

Syntax

Return the open property:

dialogObject.open

Set the open property:

dialogObject.open=true|false

Property Values

Value	Description
true\|false	Specifies whether a dialog window should be open or not true - The dialog window is open false - Default. The dialog window is not open

Technical Details

Return Value:	A Boolean, returns true if the dialog window is open, otherwise it returns false

More Examples

Example

Find out if a dialog window is open or not:

var x = document.getElementById("myDialog").open;

The result of x will be:

true

Try it Yourself »

Related Pages

HTML reference: HTML <dialog> open attribute

< Dialog Object