HTMLInputElement: list-Eigenschaft
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Die schreibgeschützte list
-Eigenschaft der HTMLInputElement
-Schnittstelle gibt das HTMLDataListElement
-Element zurück, auf das durch das list
-Attribut des Elements verwiesen wird, oder null
, wenn das list
-Attribut nicht definiert ist oder der Wert des list
-Attributs keinem <datalist>
im gleichen Baum zugeordnet ist.
Hinweis: Dies ist eine schreibgeschützte Eigenschaft. Um ein <datalist>
mit einem Element zu verknüpfen, setzen Sie den Wert des list
-Attributs mit setAttribute()
.
Wert
Ein HTMLDataListElement
oder null
.
Beispiel
Gegeben folgenden HTML-Code:
<label for="planet">Which planet are you from?</label>
<input id="planet" type="text" list="superhero" />
<datalist id="superhero">
<option value="Azarath" />
<option value="Krypton" />
<option value="Tamaran" />
</datalist>
Sie können das <datalist>
-Element abrufen, das mit dem <input>
verknüpft ist:
const inputElement = document.querySelector("#planet");
console.log(inputElement.list); // returns the superhero HTMLDatalistElement
Spezifikationen
Specification |
---|
HTML Standard # dom-input-list-dev |
Browser-Kompatibilität
BCD tables only load in the browser