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

HTML DOM Details Object

❮ Previous Next Reference ❯

Details Object

The Details object represents an HTML <details> element.

Note: The <details> element is currently only supported in Chrome, Safari 6+ and Opera 15+.

Access a Details Object

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

Example

var x = document.getElementById("myDetails");

Try it Yourself »

Create a Details Object

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

Example

var x = document.createElement("DETAILS");

Try it Yourself »

Details Object Properties

Property	Description
open	Sets or returns whether the details should be visible (open) to the user, or not

Standard Properties and Events

The Details object also supports the standard properties and events.

Related Pages

HTML reference: HTML <details> tag

HTML reference: HTML <summary> tag

JavaScript reference: HTML DOM Details Object

❮ Previous Next Reference ❯