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

HTMLTemplateElement インターフェイス

 HTMLTemplateElement インターフェイスは、webページ内で何度か利用するという前提の内容を包括するための <template> エレメントを定義したインターフェイスです。
 HTMLTemplateElement インターフェイスは、プロパティメソッドイベントを定義しています。

  <template> エレメントの内容は表示されません。表示するには script を利用します。

HTMLTemplateElement 継承図

プロパティ(Properties)

 HTMLTemplateElement インターフェイスは 以下の独自のプロパティをもちます。HTMLElement インターフェイス のプロパティも継承しています。

プロパティ概要分類
.content親 Node を持たないドキュメントツリーである DocumentFragment オブジェクトを返す

 以下は、HTMLElement インターフェイスのプロパティと継承したプロパティです。参考にしてください。

Nodeのプロパティ一覧 

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

Elementのプロパティ一覧 

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

HTMLElementのプロパティ一覧 

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

メソッド(Methods)

 HTMLTemplateElement インターフェイスには、独自のメソッドがありません。

 HTMLTemplateElement インターフェイスが継承したHTMLElement インターフェイスのメソッドです。 NodeElement インターフェイスのメソッドを含みます。使えないものもあるので参考してください。

Nodeのメソッド一覧 

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

Elementのメソッド一覧 

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

HTMLElementのメソッド一覧 

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

イベント(Event)

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

HTMLTemplateElement.addEventListener( 'click', ()=>{...} )
HTMLTemplateElement.onclick = function(){...}
<button onclick = "..." >

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

 以下は、HTMLTemplateElement が継承しているイベント一覧です。使えないものもあるので参考にしてください。

GlobalEventHandlersのイベント一覧 

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

DocumentAndElementEventHandlersのイベント一覧 

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

HTMLElementのイベント一覧 

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