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

HTMLBodyElement インターフェイス

 HTMLBodyElement インターフェイスは、ドキュメントのページ内容を包括する <body> エレメントを定義したインターフェイスです。HTMLBodyElement オブジェクトは <body> エレメントオブジェクトです。
 このインターフェイスによって、 <body> で利用できるプロパティメソッドイベントが提供されます。

HTMLBodyElement 継承図

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

 HTMLBodyElement インターフェイスは WindowEventHandlers を継承しています。 WindowEventHandlers のイベントハンドラーが使用できます。

コンストラクター

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

HTMLBodyElement オブジェクトの生成
var body_ = document.createElement('body');

 <head> エレメントは複数設定できますが、正規では <html> に1つです。1つの <html> 内に、<head> エレメントを複数置くのは避けましょう。

HTMLBodyElement の取得

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

HTMLBodyElement オブジェクトの取得
var body_ = document.body;
	または、
var body_ = document.getElementsByTagName('body')[0] ;

 正規なページなら、<body> エレメントは <html> に1つですので以上のメソッドで取得できます。

プロパティ(Properties)

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

Nodeのプロパティ一覧 

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

Elementのプロパティ一覧 

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

HTMLElementのプロパティ一覧 

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

メソッド(Methods)

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

Nodeのメソッド一覧 

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

Elementのメソッド一覧 

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

HTMLElementのメソッド一覧 

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

イベント(Event)

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

HTMLBodyElement.addEventListener( 'click', ()=>{...} )
HTMLBodyElement.onclick = function(){...}
<body onclick = "..." >

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

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

WindowEventHandlersのイベント一覧 

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

GlobalEventHandlersのイベント一覧 

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

DocumentAndElementEventHandlersのイベント一覧 

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

HTMLElementのイベント一覧 

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