ElementInternals: labels-Eigenschaft
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since März 2023.
Die schreibgeschützte labels
-Eigenschaft der ElementInternals
-Schnittstelle gibt die mit dem Element verknüpften Labels zurück.
Wert
Ein NodeList
, das alle mit diesem Element verknüpften label
-Elemente enthält.
Beispiele
Das folgende Beispiel zeigt eine benutzerdefinierte Checkbox-Komponente mit einem <label>
-Element, das mit ihr verknüpft ist. Das Drucken des Wertes von labels
auf die Konsole gibt ein NodeList
mit einem Eintrag zurück, der dieses Label repräsentiert.
html
<form id="myForm">
<custom-checkbox id="custom-checkbox"></custom-checkbox>
<label for="custom-checkbox">Join newsletter</label>
</form>
js
let element = document.getElementById("custom-checkbox");
console.log(element.internals_.label);
Spezifikationen
Specification |
---|
HTML> # dom-elementinternals-labels> |
Browser-Kompatibilität
Loading…