Attr: value-Eigenschaft
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.
Die value-Eigenschaft des Attr-Interfaces enthält den Wert des Attributs.
Wert
Ein String, der den Attributwert darstellt.
Beispiel
Das folgende Beispiel zeigt den aktuellen Wert des Attributs test. Ein Klick auf den Knopf ändert ihn in einen anderen Wert und liest ihn erneut, um den angezeigten Wert zu aktualisieren.
HTML
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>
JavaScript
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;
});
Spezifikationen
| Spezifikation |
|---|
| DOM # dom-attr-value |