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

HTMLHtmlElement インターフェイス

 HTMLHtmlElement インターフェイスは、HTMLドキュメントにおいてルートエレメントになる <html> エレメントオブジェクトを定義したインターフェイスです。

 HTMLElement インターフェイスを継承しています。

HTMLHtmlElement 継承図

 正規のドキュメントなら、 document.documentElement プロパティによって取得されるのは HTMLHtmlElement オブジェクトになります。

オブジェクトツリー

 オブジェクトツリーでは Document 以下に <html> 、その下に <head><body> があります。

コンストラクター

 HTMLHtmlElement オブジェクトを生成するには、Document.createElement() メソッドを使用します。

HTMLHtmlElement オブジェクトの生成
var html_ = document.createElement('html');

 既に <html> エレメントがある場合はエラーになります。<html> エレメントは document にひとつです。

HTMLHtmlElement の取得

 HTMLHtmlElement オブジェクトを取得するには、Document.getElementsByTagName() メソッドなどを使用します。

HTMLHtmlElement オブジェクトの取得
var html_ = document.getElementsByTagName('html')[0] ;

プロパティ(Properties)

 独自のプロパティはありません。HTMLElement インターフェイスから継承されたプロパティが使用できます。HTMLElement インターフェイスNodeElement インターフェイスを継承しています。

Nodeのプロパティ一覧 

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

Elementのプロパティ一覧 

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

HTMLElementのプロパティ一覧 

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

メソッド(Methods)

 独自のメソッドはありません。HTMLElement インターフェイスから継承されたメソッドが使用できます。HTMLElement インターフェイスNodeElement インターフェイスを継承しています。
 以下は HTMLElement、Node、Element のメソッドです。

Nodeのメソッド一覧 

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

Elementのメソッド一覧 

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

HTMLElementのメソッド一覧 

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

イベント(Event)

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

HTMLHtmlElement.addEventListener( 'click', ()=>{...} )
HTMLHtmlElement.onclick = function(){...}
<html onclick = "..." >

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

 以下は HTMLElement インターフェイスに定義されたイベント一覧です。HTMLElement インターフェイスのイベントには、GlobalEventHandlers、DocumentAndElementEventHandlers を含みます。
 以下には、<html> である HTMLHtmlElement で利用できないイベントハンドラーも含んでいます。

GlobalEventHandlersのイベント一覧 

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

DocumentAndElementEventHandlersのイベント一覧 

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

HTMLElementのイベント一覧 

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