ホームページ  >  記事  >  ウェブフロントエンド  >  HTML DOM 入力範囲オブジェクト

HTML DOM 入力範囲オブジェクト

王林
王林転載
2023-08-28 16:01:091520ブラウズ

HTML DOM 入力範囲オブジェクトは、タイプ「range」の d5fd7aea971a85678ba271703566ebfd 要素に関連付けられています。 createElement() メソッドと getElementById() メソッドを使用して、それぞれ型範囲の入力要素を作成し、アクセスできます。

プロパティ

入力範囲オブジェクトのプロパティは次のとおりです:

#3#4disabled5form#6List#78#NameStepスライダー コントロールのステップ プロパティ値を設定または返します。 Typeスライダー コントロールの value プロパティ値を設定または返します。
プロパティと説明
1 autocomplete

範囲コントロールのオートコンプリート プロパティ値を設定または返します。

#2 autofocus

レンジ スライダー コントロールが自動であるかどうかを設定または返します。ページの読み込み フォーカスを取得します。

defaultValue レンジ スライダー コントロールのデフォルト値を設定または返します。

スライダー コントロールが無効かどうかを設定または返します。

スライダー コントロールを含むフォームへの参照を返します。

スライダー コントロールを含むデータ リストへの参照を返します。 。

Max スライダー コントロールの最大プロパティ値を設定または返します。

Min スライダー コントロールの最小プロパティ値を設定または返します。

#9

スライダー コントロールの name プロパティ値を設定または返します。

#10

#11

スライダー コントロールのフォーム要素のタイプを返します。 #12

value

#メソッド

パスワード オブジェクトのメソッドは次のとおりです:

シリアル番号

#メソッドと説明

##1 スライダー コントロールの値を指定された数値だけ減らします。 スライダー コントロールを指定された数値だけインクリメントします。
<!DOCTYPE html>
<html>
<head>
<script>
   function rangeCreate() {
      var R = document.createElement("INPUT");
      R.setAttribute("type", "range");
      document.body.appendChild(R);
}
</script>
</head>
<body>
<h1>Input range object</h1>
<p>Create an input field with type range by clicking the below button</p>
<button onclick="rangeCreate()">CREATE</button>
<br><br>
VOLUME:
</body>
</html>
出力
stepDown()
2

stepUp()

Example

入力範囲オブジェクトの例を見てみましょう:

Demonstration

これにより、次の出力が生成されます。

##[作成] ボタンをクリックします。

in 上記の例では、-

CREATE という名前のボタンを作成しました。これは、ユーザーがクリックすると rangeCreate() メソッドを実行します。 -HTML DOM Input Range对象

<button onclick="rangeCreate()">CREATE</button>

rangeCreate() メソッドは、createElement() を使用します。ドキュメントオブジェクトのメソッドは、パラメータとして「INPUT」を渡して

要素を作成します。新しく作成された入力要素は変数 R に割り当てられ、値範囲を持つ type 属性が setAttribute() メソッドを使用して作成されます。

setAttribute() は属性を作成し、属性が存在しない場合は値を割り当てます。以前は存在しませんでした。最後に、ドキュメント本体の appendChild() メソッドを使用して、型範囲の入力要素を本体の子要素として追加します -HTML DOM Input Range对象

function createPASS() {
   var R = document.createElement("INPUT");
   R.setAttribute("type", "range");
   document.body.appendChild(R);
}

以上がHTML DOM 入力範囲オブジェクトの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はtutorialspoint.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。