Manchmal möchten wir mit JavaScript das HTML-Labelelement finden, das einer bestimmten Eingabe zugeordnet ist.

In diesem Artikel schauen wir uns an, wie man mit JavaScript das HTML-Label-Element findet, das einer bestimmten Eingabe zugeordnet ist.

Finden Sie mit JavaScript das HTML-Label-Element, das einer bestimmten Eingabe zugeordnet ist

Wir können die labelsEigenschaft der Eingabe verwenden, um die mit der Eingabe verknüpfte Beschriftung abzurufen.

Wenn wir zum Beispiel den folgenden HTML-Code haben:

<div>
  <label for='name'>name</label>
  <input name='nameInput' id='name'>
</div>

const input = document.querySelector('input')
console.log(input.labels)

Dann erhalten wir die Label-Elemente für die Eingabe mit der labelsEigenschaft.

Der forAttributwert der Beschriftung sollte mit dem Attribut der Eingabe übereinstimmen id, damit sie miteinander verknüpft werden können.

input.labelssollte eine NodeList mit den Label-Elementen für die Eingabe zurückgeben.

Abschluss

Wir können die labelsEigenschaft der Eingabe verwenden, um die mit der Eingabe verknüpfte Beschriftung abzurufen.

Der forAttributwert der Beschriftung sollte mit dem Attribut der Eingabe übereinstimmen id, damit sie miteinander verknüpft werden können.

Weitere Inhalte unter PlainEnglish.io .

Melden Sie sich für unseren kostenlosen wöchentlichen Newsletter an . Folgen Sie uns auf Twitter , LinkedIn , YouTube und Discord .