HTMLInputElement: list 属性
HTMLInputElement
接口中只读的 list
属性会返回由该元素的 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>
<option value="Krypton"></option>
<option value="Tamaran"></option>
</datalist>
您可以检索与 <input>
关联的 <datalist>
元素
js
const inputElement = document.querySelector("#planet");
console.log(inputElement.list); // returns the superhero HTMLDatalistElement
规范
规范 |
---|
HTML # dom-input-list-dev |
浏览器兼容性
加载中…