OutputElement

extends Element › DOMElement › Node › EventTarget

Available on js

The HTMLOutputElement interface provides properties and methods (beyond those inherited from HTMLElement) for manipulating the layout and presentation of output elements.

Documentation HTMLOutputElement by Mozilla Contributors, licensed under CC-BY-SA 2.5.

Variables

`defaultValue:String`

A DOMString representing the default value of the element, initially the empty string.

`read onlyform:FormElement`

An HTMLFormElement indicating the form associated with the control, reflecting the form HTML attribute if it is defined.

`read onlyhtmlFor:DOMTokenList`

A DOMTokenList reflecting the for HTML attribute, containing a list of IDs of other elements in the same document that contribute to (or otherwise affect) the calculated value.

`read onlylabels:NodeList`

A NodeList of label elements associated with the element.

`name:String`

A DOMString reflecting the name HTML attribute, containing the name for the control that is submitted with form data.

`read onlytype:String`

The DOMString "output".

`read onlyvalidationMessage:String`

A DOMString representing a localized message that describes the validation constraints that the control does not satisfy (if any). This is the empty string if the control is not a candidate for constraint validation (willValidate is false), or it satisfies its constraints.

`read onlyvalidity:ValidityState`

A ValidityState representing the validity states that this element is in.

`value:String`

A DOMString representing the value of the contents of the elements. Behaves like the Node.textContent property.

`read onlywillValidate:Bool`

A Boolean indicating whether the element is a candidate for constraint validation.

Methods

`checkValidity():Bool`

Checks the validity of the element and returns a Boolean holding the check result.

`reportValidity():Bool`

Triggers an invalid event and evaluates its result. if the result is true, then the problems with the constraints of this element are reported to the user. When the problem is reported, the user agent may focus the element and change the scrolling position of the document or perform some other action that brings the element to the user's attention. User agents may report more than one constraint violation if this element suffers from multiple problems at once. If the element is not rendered, then the user agent may report the error for the running script instead of notifying the user.

`setCustomValidity(error:String):Void`

Sets a custom validity message for the element. If this message is not the empty string, then the element is suffering from a custom validity error, and does not validate.