ホームページ > 記事 > ウェブフロントエンド > HTML DOM 入力範囲オブジェクト
HTML DOM 入力範囲オブジェクトは、タイプ「range」の d5fd7aea971a85678ba271703566ebfd 要素に関連付けられています。 createElement() メソッドと getElementById() メソッドを使用して、それぞれ型範囲の入力要素を作成し、アクセスできます。
入力範囲オブジェクトのプロパティは次のとおりです:
プロパティと説明 | |
---|---|
1 |
autocomplete 範囲コントロールのオートコンプリート プロパティ値を設定または返します。 |
#2 |
autofocus レンジ スライダー コントロールが自動であるかどうかを設定または返します。ページの読み込み フォーカスを取得します。 |
defaultValue レンジ スライダー コントロールのデフォルト値を設定または返します。 | |
disabled | スライダー コントロールが無効かどうかを設定または返します。 |
form | スライダー コントロールを含むフォームへの参照を返します。 |
List | スライダー コントロールを含むデータ リストへの参照を返します。 。 | #7
Max | スライダー コントロールの最大プロパティ値を設定または返します。 | 8
Min |
スライダー コントロールの最小プロパティ値を設定または返します。
#9 |
スライダー コントロールの name プロパティ値を設定または返します。 #10 | |
スライダー コントロールのステップ プロパティ値を設定または返します。 |
#11 | Type
スライダー コントロールのフォーム要素のタイプを返します。 |
#12
value |
#メソッドパスワード オブジェクトのメソッドは次のとおりです: |
stepDown() | |
---|---|
2 stepUp() | スライダー コントロールを指定された数値だけインクリメントします。 |
Example 入力範囲オブジェクトの例を見てみましょう: Demonstration |
in 上記の例では、-
CREATE という名前のボタンを作成しました。これは、ユーザーがクリックすると rangeCreate() メソッドを実行します。 -
<button onclick="rangeCreate()">CREATE</button>rangeCreate() メソッドは、createElement() を使用します。ドキュメントオブジェクトのメソッドは、パラメータとして「INPUT」を渡して
要素を作成します。新しく作成された入力要素は変数 R に割り当てられ、値範囲を持つ type 属性が setAttribute() メソッドを使用して作成されます。
setAttribute() は属性を作成し、属性が存在しない場合は値を割り当てます。以前は存在しませんでした。最後に、ドキュメント本体の appendChild() メソッドを使用して、型範囲の入力要素を本体の子要素として追加します -
function createPASS() { var R = document.createElement("INPUT"); R.setAttribute("type", "range"); document.body.appendChild(R); }
以上がHTML DOM 入力範囲オブジェクトの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。