Latest web development tutorials
 

HTML DOM Summary Object


Summary Object

The Summary Object is new in HTML5.

The Summary object represents an HTML <summary> element.

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

Access a Summary Object

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

Example

var x = document.getElementById("mySummary");
Try it Yourself »

Create a Summary Object

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

Example

var x = document.createElement("SUMMARY");
Try it Yourself »

Standard Properties and Events

The Summary object also supports the standard properties and events.


Related Pages

HTML reference: HTML <summary> tag

HTML reference: HTML <details> tag

JavaScript reference: HTML DOM Details Object