HTMLMeterElement インターフェイス
HTMLMeterElement インターフェイスは、範囲内のスカラー値または、現在の数値をゲージで表現する <meter> エレメントを定義したインターフェイスです。
<meter max="100" min="0" value="80"></meter>
インタラクティブに動かすには JavaScript を利用します。
HTMLMeterElement インターフェイスは、<meter> エレメントのプロパティ、メソッド、イベントを定義しています。
- EventTarget
-
- └ Node
-
- └ Element
-
- └ HTMLElement
-
- ┆
- ├ HTMLMeterElement
- ┆
ページ内 Index
プロパティ(Properties)
HTMLMeterElement インターフェイスは 以下の独自のプロパティをもちます。HTMLElement インターフェイス のプロパティも継承しています。
| プロパティ | 概要 | 分類 |
|---|---|---|
| .high | 範囲ないので上限値。 double 型 | |
| .labels | 関連する <label> エレメントのリスト NodeList で返す | |
| .low | 範囲内の下限値。 double 型 | |
| .max | 最大値。 double 型 | |
| .min | 最小値。 double 型 | |
| .optimum | 最適な数値の範囲。 double 型 | |
| .value | 現在の値。 double 型 |
以下は、HTMLElement インターフェイスのプロパティと継承したプロパティです。参考にしてください。
Nodeのプロパティ一覧
| タイプ名（ハンドラー名） | 概要 | 分類 |
|---|
Elementのプロパティ一覧
| タイプ名（ハンドラー名） | 概要 | 分類 |
|---|
HTMLElementのプロパティ一覧
| タイプ名（ハンドラー名） | 概要 | 分類 |
|---|
メソッド(Methods)
HTMLMeterElement インターフェイスは独自のメソッドをもちません。
HTMLMeterElement インターフェイスが継承したHTMLElement インターフェイスのメソッドです。 Node 、Element インターフェイスのメソッドを含みます。使えないものもあるので参考してください。
Nodeのメソッド一覧
| タイプ名（ハンドラー名） | 概要 | 分類 |
|---|
Elementのメソッド一覧
| タイプ名（ハンドラー名） | 概要 | 分類 |
|---|
HTMLElementのメソッド一覧
| タイプ名（ハンドラー名） | 概要 | 分類 |
|---|
イベント(Event)
HTMLMeterElement にイベントハンドラーを定義する方法には以下があります。
HTMLMeterElement.addEventListener( 'click', ()=>{...} )
HTMLMeterElement.onclick = function(){...}
<button onclick = "..." >
イベントについてはEventを参照してください。 イベントの監視についてはEventTargetが担っています。
以下は、HTMLMeterElement が継承しているイベント一覧です。使えないものもあるので参考にしてください。
GlobalEventHandlersのイベント一覧
| タイプ名（ハンドラー名） | 概要 | 分類 |
|---|
DocumentAndElementEventHandlersのイベント一覧
| タイプ名（ハンドラー名） | 概要 | 分類 |
|---|
HTMLElementのイベント一覧
| タイプ名（ハンドラー名） | 概要 | 分類 |
|---|