HTMLOutputElement インターフェイス
HTMLOutputElement インターフェイスは、計算した結果の出力を示す <output> エレメントを定義したインターフェイスです。
HTMLOutputElement インターフェイスはプロパティ、メソッド、イベントを定義しています。
<output> エレメントは、併せてスクリプトとイベントハンドラー属性を利用する必要があります。<form> エレメントで oninput 属性を使い、スクリプトで計算方法を定義します。
- EventTarget
-
- └ Node
-
- └ Element
-
- └ HTMLElement
-
- ┆
- ├ HTMLOutputElement
- ┆
ページ内 Index
- ad -
プロパティ(Properties)
HTMLOutputElement インターフェイスは 以下の独自のプロパティをもちます。HTMLElement インターフェイス のプロパティも継承しています。
| プロパティ | 概要 | 分類 |
|---|---|---|
| .defaultValue | デフォルトの値の設定と取得。初期値は空文字。DOMString 型 | |
| .form | 関連する HTMLFormElement のハンドラー。なければ null | |
| .htmlFor | 関連するエレメントの ID のリストDOMTokenList を返す。for 属性が該当 | |
| .labels | 関連付けられた <label> を NodeList で返す | |
| .name | <form> の部品としての name 属性が該当。 | |
| .validationMessage | 入力値が制約内ではない場合のメッセージ。 DOMString 型 | |
| .validity | 入力値が制約内であるかの検証結果を表す ValidityState オブジェクトを返す | |
| .value | 現在の選択されている値を返す。DOMString 型 | |
| .willValidate | readonly または disabled ではないかを取得。データを送信する対象なら true を返す。 Boolean 型 |
以下は、HTMLElement インターフェイスのプロパティと継承したプロパティです。参考にしてください。
Nodeのプロパティ一覧
| タイプ名（ハンドラー名） | 概要 | 分類 |
|---|
Elementのプロパティ一覧
| タイプ名（ハンドラー名） | 概要 | 分類 |
|---|
HTMLElementのプロパティ一覧
| タイプ名（ハンドラー名） | 概要 | 分類 |
|---|
メソッド(Methods)
HTMLOutputElement インターフェイスは 以下の独自のメソッドがあります。さらに継承したメソッドがあります。
| メソッド | 概要 | 分類 |
|---|---|---|
| checkValidity() | データの検証を実行。エラーがある場合は invalid イベントが発生。検証範囲の設定が必要。type="reset"、"button" は非対応。 Boolean 型 | |
| reportValidity() | データの検証を実行。エラーがある場合は invalid イベントが発生しメッセージを出力。検証範囲の設定が必要。type="reset"、"button" は非対応。 Boolean 型 | |
| setCustomValidity() | データの検証エラーを任意に発生できる。引数が指定されるとエラー状態になる。引数を空文字 '' にすると終了。type="reset"、"button" は非対応。 void 型 |
HTMLOutputElement インターフェイスが継承したHTMLElement インターフェイスのメソッドです。 Node 、Element インターフェイスのメソッドを含みます。使えないものもあるので参考してください。
Nodeのメソッド一覧
| タイプ名（ハンドラー名） | 概要 | 分類 |
|---|
Elementのメソッド一覧
| タイプ名（ハンドラー名） | 概要 | 分類 |
|---|
HTMLElementのメソッド一覧
| タイプ名（ハンドラー名） | 概要 | 分類 |
|---|
イベント(Event)
HTMLOutputElement にイベントハンドラーを定義する方法には以下があります。
HTMLOutputElement.addEventListener( 'click', ()=>{...} )
HTMLOutputElement.onclick = function(){...}
<button onclick = "..." >
イベントについてはEventを参照してください。 イベントの監視についてはEventTargetが担っています。
以下は、HTMLOutputElement が継承しているイベント一覧です。使えないものもあるので参考にしてください。
GlobalEventHandlersのイベント一覧
| タイプ名（ハンドラー名） | 概要 | 分類 |
|---|
DocumentAndElementEventHandlersのイベント一覧
| タイプ名（ハンドラー名） | 概要 | 分類 |
|---|
HTMLElementのイベント一覧
| タイプ名（ハンドラー名） | 概要 | 分類 |
|---|
- ad -