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

HTMLLabelElement インターフェイス

 HTMLLabelElement インターフェイスは、<input><select><textarea><button> といった <form> の入力部品にその名称などを示すための <label> エレメントを定義したインターフェイスです。
 HTMLLabelElement インターフェイスは、プロパティメソッドイベントを定義しています。

HTMLLabelElement 継承図

プロパティ(Properties)

 HTMLLabelElement インターフェイスは 以下の独自のプロパティをもちます。

プロパティ概要分類
.control<label> に関連付けられたエレメントを返す。HTMLElement オブジェクト
.form<label> に関連付けられた <form> エレメントを返す。HTMLFormElement オブジェクト
.htmlFor<label> の for 属性に該当する。<label> が関連するエレメントを指定できる。関連するエレメントは id 属性で指定する

 以下は、HTMLElement インターフェイスのプロパティと継承したプロパティです。参考にしてください。

Nodeのプロパティ一覧 

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

Elementのプロパティ一覧 

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

HTMLElementのプロパティ一覧 

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

メソッド(Methods)

 HTMLLabelElement インターフェイスには独自のメソッドがありません。

 HTMLLabelElement インターフェイスが継承したHTMLElement インターフェイスのメソッドです。 NodeElement インターフェイスのメソッドを含みます。使えないものもあるので参考してください。

Nodeのメソッド一覧 

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

Elementのメソッド一覧 

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

HTMLElementのメソッド一覧 

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

イベント(Event)

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

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

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

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

GlobalEventHandlersのイベント一覧 

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

DocumentAndElementEventHandlersのイベント一覧 

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

HTMLElementのイベント一覧 

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