HTML Living Standard/DOM/HTMLElement
HTMLElement インターフェース
[編集]概要
[編集]HTMLElement インターフェースは、すべての HTML 要素が継承する基本的なインターフェースです。これにより、すべての HTML 要素は共通のプロパティやメソッドを利用できます。HTMLElement は グローバル属性 のサポートや、汎用的な操作のためのメソッドを提供します。
HTMLElement インターフェースを直接利用することは少なく、通常はこれを継承した派生インターフェース（例: HTMLAnchorElement, HTMLDivElement）を介して利用されます。
継承構造
[編集]HTMLElement は以下のような継承構造を持っています:
DOM インターフェース
[編集]以下は HTMLElement に定義されている主要なプロパティとメソッドです。
プロパティ
[編集]accessKey- 要素のアクセスキー（ショートカットキー）を取得または設定します。
accessKeyLabel(読み取り専用)- アクセスキーのローカライズされた文字列を返します。
contentEditable- 要素のコンテンツが編集可能かどうかを指定します。値は
"true","false", または"inherit"です。
- 要素のコンテンツが編集可能かどうかを指定します。値は
isContentEditable(読み取り専用)- 要素が実際に編集可能かどうかを返します。
dir- 要素内のテキストの方向を指定します（例:
"ltr","rtl","auto"）。
- 要素内のテキストの方向を指定します（例:
hidden- 要素が非表示かどうかを設定します。
tabIndex- 要素がタブ操作でフォーカス可能かどうか、またその順序を設定します。
title- 要素の追加情報を指定します（通常はツールチップとして表示されます）。
メソッド
[編集]click()- 要素に対してクリックイベントをシミュレートします。
focus()- 要素にフォーカスを移します。
blur()- 要素からフォーカスを外します。
HTMLElement 派生インターフェース
[編集]HTMLElement から派生したインターフェースの一覧と、それぞれの用途を以下に示します。
<a> 要素を表します。ハイパーリンクに関連するプロパティやメソッドを提供します。
- 追加のプロパティ:
href,target,relなど。 - 用途: ハイパーリンクやナビゲーションの作成。
<div> 要素を表します。文書のグループ化やレイアウト調整に使用されます。
- 用途: グループ化やコンテナとしての利用。
<span> 要素を表します。インライン要素のグループ化に使用されます。
- 用途: テキストやインラインコンテンツの装飾やグループ化。
<input> 要素を表します。フォーム入力に関連するプロパティやメソッドを提供します。
- 追加のプロパティ:
value,checked,typeなど。 - 用途: ユーザー入力を受け取るフォーム要素。
<button> 要素を表します。ボタンに関連するプロパティやメソッドを提供します。
- 追加のプロパティ:
disabled,form,typeなど。 - 用途: ユーザー操作をトリガーするインターフェース。
<table> 要素を表します。表に関連するプロパティやメソッドを提供します。
- 追加のプロパティ:
caption,rows,tBodiesなど。 - 用途: 表データの表示。
注意点
[編集]HTMLElementインターフェースはすべての HTML 要素に共通するため、派生インターフェースで拡張されたプロパティやメソッドを適切に活用してください。- 一部のプロパティ（例:
accessKey,tabIndex）はアクセシビリティに密接に関連するため、慎重に設定する必要があります。