HTMLTemplateElement

Baseline Widely available *

This feature is well established and works across many devices and browser versions. It’s been available across browsers since November 2015.

* Some parts of this feature may have varying levels of support.

HTMLTemplateElement インターフェイスは、HTML の <template> 要素の内容にアクセスできるようにします。

メモ: HTML パーサーは、<template> 要素を構文解析する際に、その <template> 属性に応じて、HTMLTemplateElement または ShadowRoot のどちらかを生成する可能性があります。 HTMLTemplateElement が作成されると、"shadow" 属性がテンプレートから反映されます。 しかし、これらは有用ではありません。HTMLTemplateElement はシャドウルートではなく、シャドウルートに変更することができないからです。

EventTarget Node Element HTMLElement HTMLTemplateElement

インスタンスプロパティ

このインターフェイスには HTMLElement から継承したプロパティがあります。

content 読取専用

読み取り専用の DocumentFragment で、 <template> 要素のテンプレートの内容を表す DOM サブツリーを返します。

shadowRootMode

文字列で、関連付けられた <template> 要素の shadowrootmode 属性の値を反映します。

shadowRootDelegatesFocus

論理値で、関連付けられた <template> 要素の shadowrootdelegatesfocus 属性の値を反映します。

shadowRootClonable

論理値で、関連付けられた <template> 要素の shadowrootclonable 属性の値を反映します。

shadowRootSerializable

論理値で、関連付けられた <template> 要素の shadowrootserializable 属性の値を反映します。

インスタンスメソッド

このインターフェイスには HTMLElement から継承したメソッドがあります。

仕様書

Specification
HTML
# htmltemplateelement

ブラウザーの互換性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
HTMLTemplateElement
content
shadowRootClonable
shadowRootDelegatesFocus
shadowRootMode
shadowRootSerializable

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support