HTMLInputElement: list-Eigenschaft

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:

html
<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:

js
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

Siehe auch