Attr: value-Eigenschaft
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
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
Specification |
---|
DOM Standard # dom-attr-value |
Browser-Kompatibilität
BCD tables only load in the browser