HTMLTemplateElement インターフェイス

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

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

HTMLTemplateElement 継承図

EventTarget
- └ Node
- - └ Element
  - - └ HTMLElement
    - - ┆
      - ├ HTMLTemplateElement
      - ┆

- ad -

プロパティ(Properties)

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

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

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

Nodeのプロパティ一覧　

タイプ名（ハンドラー名）	概要	分類

Elementのプロパティ一覧　

タイプ名（ハンドラー名）	概要	分類

HTMLElementのプロパティ一覧　

タイプ名（ハンドラー名）	概要	分類

メソッド(Methods)

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

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

Nodeのメソッド一覧　

タイプ名（ハンドラー名）	概要	分類

Elementのメソッド一覧　

タイプ名（ハンドラー名）	概要	分類

HTMLElementのメソッド一覧　

タイプ名（ハンドラー名）	概要	分類

イベント(Event)

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

HTMLTemplateElement.addEventListener( 'click', ()=>{...} )

HTMLTemplateElement.onclick = function(){...}

<button onclick = "..." >

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

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

GlobalEventHandlersのイベント一覧　

タイプ名（ハンドラー名）	概要	分類

DocumentAndElementEventHandlersのイベント一覧　

タイプ名（ハンドラー名）	概要	分類

HTMLElementのイベント一覧　