HTML DOM入力Rangeオブジェクト

入力範囲オブジェクト

入力範囲オブジェクトは、HTML5で新しく追加されました。

入力レンジオブジェクトは、HTML表し<input>タイプ=「範囲」を有する要素。

注： <input>型の要素を=「範囲」のInternet Explorer 9およびそれ以前のバージョンでサポートされていません。

あなたはアクセスできる<input>使用してタイプ=「範囲」を持つ要素をgetElementById() ：

var x = document.getElementById("myRange");

ヒント：また、アクセスできる<input type="range">を検索することによって要素のフォームのコレクション。

あなたは、作成することができます<input>使って、タイプ=「範囲」を持つ要素をdocument. createElement() document. createElement()メソッド：

var x = document.createElement("INPUT");
x.setAttribute("type", "range");

プロパティ	説明
autocomplete	設定またはの値を返すautocompleteスライダコントロールの属性を
autofocus	スライダコントロールが自動的にページのロード時に焦点を当ててもらう必要があるかどうかを設定または返します
defaultValue	設定またはスライダコントロールのデフォルト値を返します。
disabled	スライダーのコントロールが無効になっているか、いないかどうかを設定または返します
form	スライダコントロールを含むフォームへの参照を返します。
list	スライダコントロールが含まれているデータリストへの参照を返します。
max	設定またはの値を返すmaxスライダコントロールの属性を
min	設定またはの値を返すminスライダコントロールの属性を
name	設定またはの値を返すnameスライダコントロールの属性を
step	設定またはの値を返すstepスライダコントロールの属性を
type	スライダーのコントロールがあるフォーム要素の種類を返します
value	設定またはの値を返すvalueスライダコントロールの属性を

方法	説明
stepDown()	指定された数によってスライダコントロールの値をデクリメント
stepUp()	指定された数によってスライダコントロールの値をインクリメント

入力Rangeオブジェクトは、標準サポートのプロパティとイベントを。