HTMLHeadElement インターフェイス
HTMLHeadElement インターフェイスは、HTMLドキュメントのページ情報を包括する <head> エレメントを定義したインターフェイスです。
- EventTarget
- └─ Node
- └─ Element
- └─ HTMLElement
- ┆
- ├─ HTMLHeadElement
- ┆
- └─ HTMLElement
- └─ Element
- └─ Node
HTMLElement インターフェイスを継承しています。
- ad -
HTMLHeadElement の取得
HTMLHeadElement オブジェクトである <head> エレメントを取得するには、document.head または Document.getElementsByTagName() メソッドを使用します。
var head_ = document.head; または、 var head_ = document.getElementsByTagName('head')[0] ;
web ページが仕様どおりならば、<head> エレメントは <html> に1つですので以上のメソッドで取得できます。
コンストラクター
HTMLHeadElement オブジェクトを生成するには、Document.createElement() メソッドを使用します。
var head_ = document.createElement('head');
<head> エレメントは複数設定できますが、仕様では <html> に1つです。1つの <html> 内に、<head> エレメントを複数置くのは避けましょう。
- ad -
プロパティ(Properties)
独自のプロパティはありません。HTMLElement インターフェイスから継承されたプロパティが使用できます。HTMLElement インターフェイスは Node 、Element インターフェイスを継承しています。
<head> でプロパティを利用している場面はあまり見かけません。以下の一覧は参考までに示します。
Nodeのプロパティ一覧
タイプ名(ハンドラー名) | 概要 | 分類 |
---|
Elementのプロパティ一覧
タイプ名(ハンドラー名) | 概要 | 分類 |
---|
HTMLElementのプロパティ一覧
タイプ名(ハンドラー名) | 概要 | 分類 |
---|
メソッド(Methods)
独自のメソッドはありません。HTMLElement インターフェイスから継承されたメソッドが使用できます。HTMLElement インターフェイスは Node 、Element インターフェイスを継承しています。
以下は 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のイベント一覧
タイプ名(ハンドラー名) | 概要 | 分類 |
---|
- ad -