The value
property of the Attr
interface contains the value of the attribute.
The value
property of the Attr
interface contains the value of the attribute.
A string representing the attribute value.
The following example displays the current value of the attribute test
. Clicking on the button will change it to a different value, and read it again to update the displayed value.
html
<label test="initial value"></label> <button>Click me to set test to <code>"a new value"</code>…</button> <p> Current value of the <code>test</code> attribute: <output id="result">None.</output> </p>
js
const element = document.querySelector("label"); const button = document.querySelector("button"); const result = document.querySelector("#result"); const attribute = element.attributes[0]; result.value = attribute.value; button.addEventListener("click", () => { attribute.value = "a new value"; result.value = attribute.value; });
Specification |
---|
DOM Standard # dom-attr-value |
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
value |
1 | 12 | 1 | 6 | ≤12.1 | 1 | 4.4 | 18 | 4 | ≤12.1 | 1 | 1.0 |
© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/Attr/value