HTMLButtonElement : propriété labels

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 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