HTMLInputElement：list 属性

list 是 HTMLInputElement 接口的只读属性，它返回由元素的 list 属性指向的 HTMLDataListElement，如果 list 属性未定义或 list 属性的值未与同一树中的任何 <datalist> 关联，则返回 null。

注意：这是一个只读属性。要将 <datalist> 与元素关联，请使用 setAttribute() 设置 list 属性的值。

值

一个 HTMLDataListElement 或 null。

示例

给定以下 HTML

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>

您可以检索与 <input> 关联的 <datalist> 元素

js
const inputElement = document.querySelector("#planet");
console.log(inputElement.list); // returns the superhero HTMLDatalistElement

规范

规范
HTML 标准
# dom-input-list-dev

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅