The value
property of the Attr
interface contains the value of the attribute.
Attr.value
Value
A string representing the attribute value.
Example
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 Content
<label test="initial value"></label> <button>Click me to set test to <code>"a new value"</code>…</button> <br><br> Current value of the <code>test</code> attribute: <output id="result"><i>None.</i></output>
JavaScript Content
const elements = document.getElementsByTagName("label"); const buttons = document.getElementsByTagName("button"); const result = document.querySelector("#result"); const attribute = elements[0].attributes[0]; result.value = attribute.value; buttons[0].addEventListener('click',function(e) { attribute.value = "a new value"; result.value = attribute.value; } );
Specifications
Specification |
---|
DOM Standard # dom-attr-value |
Browser compatibility
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
|
1
|
18
|
4
|
≤12.1
|
1
|
1.0
|
© 2005–2021 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