備忘録的プログラミングリファレンス

HTMLOutputElement インターフェイス

 HTMLOutputElement インターフェイスは、計算した結果の出力を示す <output> エレメントを定義したインターフェイスです。
 HTMLOutputElement インターフェイスはプロパティメソッドイベントを定義しています。

  <output> エレメントは、併せてスクリプトとイベントハンドラー属性を利用する必要があります。

エレメントでoninput属性を使い、スクリプトで計算方法を定義します。

HTMLOutputElement 継承図

プロパティ(Properties)

 HTMLOutputElement インターフェイスは 以下の独自のプロパティをもちます。HTMLElement インターフェイス のプロパティも継承しています。

プロパティ概要分類
.defaultValueデフォルトの値の設定と取得。初期値は空文字。DOMString 型
.form関連する HTMLFormElement のハンドラー。なければ null
.htmlFor関連するエレメントの ID のリストDOMTokenList を返す。for 属性が該当
.labels関連付けられた <label> を NodeList で返す
.name<form> の部品としての name 属性が該当。
.validationMessage入力値が制約内ではない場合のメッセージ。 DOMString 型
.validity入力値が制約内であるかの検証結果を表す ValidityState オブジェクトを返す
.value 現在の選択されている値を返す。DOMString 型
.willValidatereadonly または 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 インターフェイスのメソッドです。 NodeElement インターフェイスのメソッドを含みます。使えないものもあるので参考してください。

Nodeのメソッド一覧 

タイプ名(ハンドラー名)概要分類

Elementのメソッド一覧 

タイプ名(ハンドラー名)概要分類

HTMLElementのメソッド一覧 

タイプ名(ハンドラー名)概要分類

イベント(Event)

 HTMLOutputElement にイベントハンドラーを定義する方法には以下があります。

HTMLOutputElement.addEventListener( 'click', ()=>{...} )
HTMLOutputElement.onclick = function(){...}
<button onclick = "..." >

 イベントについてはEventを参照してください。 イベントの監視についてはEventTargetが担っています。

 以下は、HTMLOutputElement が継承しているイベント一覧です。使えないものもあるので参考にしてください。

GlobalEventHandlersのイベント一覧 

タイプ名(ハンドラー名)概要分類

DocumentAndElementEventHandlersのイベント一覧 

タイプ名(ハンドラー名)概要分類

HTMLElementのイベント一覧 

タイプ名(ハンドラー名)概要分類