Baseline Widely available
The value
property of the Attr
interface contains the value of the attribute.
A string representing the attribute value.
ExampleThe 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.
<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>
JavaScript
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;
});
Specifications Browser compatibility
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4