HTMLDetailsElement - Web APIs 编辑

The HTMLDetailsElement interface provides special properties (beyond the regular HTMLElement interface it also has available to it by inheritance) for manipulating <details> elements.

  <div id="interfaceDiagram" style="display: inline-block; position: relative; width: 100%; padding-bottom: 20%; vertical-align: middle; overflow: hidden;"><svg style="display: inline-block; position: absolute; top: 0; left: 0;" viewbox="-50 0 600 120" preserveAspectRatio="xMinYMin meet"><a xlink:href="/wiki/en-US/docs/Web/API/HTMLDetailsElement" target="_top"><rect x="1" y="1" width="180" height="50" fill="#F4F7F8" stroke="#D4DDE4" stroke-width="2px" /><text  x="91" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">HTMLDetailsElement</text></a></svg></div>

  a:hover text { fill: #0095DD; pointer-events: all;}

Properties

Inherits properties from its parent, HTMLElement.

HTMLDetailsElement.open

Is a boolean reflecting the open HTML attribute, indicating whether or not the element’s contents (not counting the <summary>) is to be shown to the user.

Methods

No specific method; inherits methods from its parent, HTMLElement.

Events

Listen to this event using addEventListener() or by assigning an event listener to the oneventname property of this interface.

toggle

Fired when the open/closed state of a <details> element is toggled.

Specifications

Browser compatibility

BCD tables only load in the browser

See also

• The HTML element implementing this interface: <details>