HTMLLabelElement: htmlFor-Eigenschaft
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.
Die htmlFor-Eigenschaft des HTMLLabelElement-Interfaces ist die ID des zugehörigen Steuerelements des Labels. Sie spiegelt den Wert des for-Inhaltsattributs wider und wird verwendet, um dieses zu setzen und abzurufen.
Wert
Ein String, der die ID des mit dem Steuerelement verbundenen Elements enthält.
Beschreibung
Ein HTMLLabelElement sollte mit einem Steuerelement verknüpft werden, sodass ein Klick auf das Label das Steuerelement aktiviert. Das for-Attribut, das in der htmlFor-Eigenschaft widergespiegelt wird, sollte die id des zugehörigen Steuerelements enthalten.
Hinweis:
Wenn diese Eigenschaft einen Wert hat, muss die HTMLLabelElement.control-Eigenschaft auf dasselbe Steuerelement verweisen.
Das htmlFor-Attribut bietet JavaScript-Zugriff auf den for-Attributwert. htmlFor wird anstelle von for verwendet, um Konflikte mit dem JavaScript-Schlüsselwort for zu vermeiden (dies ist nicht mehr unbedingt erforderlich und könnte sich in Zukunft ändern).
Beispiel
Grundlegende Verwendung
In diesem Beispiel ist der for-Attributwert des <label>-Elements username, welches über sein id-Attribut mit dem <input> verknüpft ist. Wir verwenden die htmlFor-DOM-Eigenschaft, um auf den for-Attributwert zuzugreifen.
<label for="username">Enter your username:</label>
<input id="username" name="username" type="text" />
document.querySelector("label").htmlFor;
// username
Spezifikationen
| Spezifikation |
|---|
| HTML # dom-label-htmlfor |