閱讀(21.5k) 書簽贊(0) 我要糾錯(cuò)

HTML DOM Input Range 對(duì)象

2023-04-10 11:21 更新

Input Range 對(duì)象是 HTML5 新增的。

Input Range 對(duì)象表示使用 type="range" 屬性的 HTML <input> 元素。

注意： Internet Explorer 9及更早IE版本不支持使用 type="range" 屬性的 HTML <input> 元素。.

你可以使用 getElementById() 函數(shù)來訪問使用 type="range" 屬性的 <input> 元素:

var x = document.getElementById("myRange");嘗試一下

提示： 你同樣可以通過表單的元素集合來訪問 Input Range 對(duì)象。

你可以使用 document.createElement() 方法來創(chuàng)建使用 type="range" 屬性的 <input> 元素：

var x = document.createElement("INPUT");
x.setAttribute("type", "range");嘗試一下

Input Range 對(duì)象屬性

屬性	描述
autocomplete	設(shè)置或返回滑塊控件的 autocomplete 屬性值
autofocus	設(shè)置或返回滑塊控件在頁面加載后是否自動(dòng)獲取焦點(diǎn)
defaultValue	設(shè)置或返回滑塊控件默認(rèn)的值
disabled	設(shè)置或返回滑塊控件是否可用
form	返回使用滑塊控件的表單引用
list	返回包含了滑塊控件的 datalist 引用
max	設(shè)置或返回滑塊控件的 max 屬性值
min	設(shè)置或返回滑塊控件的 min 屬性值
name	設(shè)置或返回滑塊控件的 name 屬性值
step	設(shè)置或返回滑塊控件的 step 屬性值
type	返回滑塊控件的表單類型
value	設(shè)置或返回滑塊控件的 value 屬性值

Input Range 對(duì)象同樣支持標(biāo)準(zhǔn) 屬性和事件。