HTMLButtonElement : propriété labels
Baseline
Widely available
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis octobre 2018.
La propriété en lecture seule HTMLButtonElement.labels renvoie une liste de nœuds NodeList contenant les éléments <label> (les libellés) associés à l'élément <button> courant.
Valeur de retour
Un objet NodeList contenant les éléments <label> associés avec l'élément <button>.
Exemple
HTML
html
<label id="label1" for="test">Libellé 1</label>
<label id="label2" for="test">Libellé 2</label>
<button id="test">Bouton</button>
<p>
Les libellés du bouton sont
<output id="result"></output>
</p>
JavaScript
js
const button = document.getElementById("test");
for (const label of button.labels) {
document.getElementById("result").innerText += ` ${label.textContent}`;
}
Résultat
Spécifications
| Specification |
|---|
| HTML # dom-lfe-labels-dev |
Compatibilité des navigateurs
Chargement…