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

HTMLHeadElement インターフェイス

 HTMLHeadElement インターフェイスは、HTMLドキュメントのページ情報を包括する <head> エレメントを定義したインターフェイスです。

HTMLHeadElement 継承図

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

HTMLHeadElement の取得

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

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

 仕様どおりならば、<head> エレメントは <html> に1つですので以上のメソッドで取得できます。

コンストラクター

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

HTMLHeadElement オブジェクトの生成
var head_ = document.createElement('head');

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

プロパティ(Properties)

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

 <head> でプロパティを利用している場面はあまり見かけません。以下の一覧は参考までに示します。

Nodeのプロパティ一覧 

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

Elementのプロパティ一覧 

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

HTMLElementのプロパティ一覧 

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

メソッド(Methods)

 独自のメソッドはありません。HTMLElement インターフェイスから継承されたメソッドが使用できます。HTMLElement インターフェイスNodeElement インターフェイスを継承しています。
 以下は HTMLElement、Node、Element のメソッドです。<head> でメソッドを利用している場面はあまり見かけません。以下の一覧は参考までに示します。

Nodeのメソッド一覧 

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

Elementのメソッド一覧 

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

HTMLElementのメソッド一覧 

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

イベント(Event)

 HTMLHeadElement にイベントハンドラーを定義する方法には以下がありますが、<head> の内容は表示されませんので以下のイベントハンドラーは無意味です。

HTMLHeadElement.addEventListener( 'click', ()=>{...} )
HTMLHeadElement.onclick = function(){...}
<head onclick = "..." >

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

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

GlobalEventHandlersのイベント一覧 

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

DocumentAndElementEventHandlersのイベント一覧 

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

HTMLElementのイベント一覧 

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