This feature is well established and works across many devices and browser versions. It’s been available across browsers since August 2016.
The value property of the HTMLOutputElement interface represents the value of the <output> element as a string, or the empty string if no value is set. It returns or sets the contents of the element, similar to the textContent property.
Note: When the value property of an <output> element is set, the element goes into value mode and the default value is accessible only through the HTMLOutputElement.defaultValue property.
A string containing the contents of the <output> element.
const outputElement = document.getElementById("log");
console.log(`value: ${outputElement.value}`);
| Specification |
|---|
| HTML> # dom-output-value-dev> |
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | WebView on iOS | |
value |
9 | 14 | 4 | ≤12.1 | 5.1 | 18 | 4 | ≤12.1 | 5 | 1.0 | 3 | 5 |
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLOutputElement/value