HTMLLabelElement インターフェイス

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

HTMLLabelElement 継承図

EventTarget
- └ Node
- - └ Element
  - - └ HTMLElement
    - - ┆
      - ├ HTMLLabelElement
      - ┆

- ad -

プロパティ(Properties)

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

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

　プロパティは HTML タグにおいては属性になります。ただし、プロパティ名と属性名は必ずしも一致していません。

属性とプロパティ

<label for="example">for 属性の例です<\lable>

　上記の for 属性の値は、以下のように JavaScript で取得することができます。

var for_name = document.querySelector("label.for='example'").htmlFor;

　この例では、for 属性でエレメントを指定していますので意味はありませんが。

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

Nodeのプロパティ一覧　

タイプ名（ハンドラー名）	概要	分類

Elementのプロパティ一覧　

タイプ名（ハンドラー名）	概要	分類

HTMLElementのプロパティ一覧　

タイプ名（ハンドラー名）	概要	分類

メソッド(Methods)

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

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

Nodeのメソッド一覧　

タイプ名（ハンドラー名）	概要	分類

Elementのメソッド一覧　

タイプ名（ハンドラー名）	概要	分類

HTMLElementのメソッド一覧　

タイプ名（ハンドラー名）	概要	分類

イベント(Event)

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

HTMLLabelElement.addEventListener( 'click', ()=>{...} )

HTMLLabelElement.onclick = function(){...}

<button onclick = "..." >

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

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

GlobalEventHandlersのイベント一覧　

タイプ名（ハンドラー名）	概要	分類

DocumentAndElementEventHandlersのイベント一覧　

タイプ名（ハンドラー名）	概要	分類

HTMLElementのイベント一覧　