dom / latest / attr / value.html /

Attr.value

The value property of the Attr interface contains the value of the attribute.

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

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