---
title: HTMLTemplateElement
slug: Web/API/HTMLTemplateElement
translation_of: Web/API/HTMLTemplateElement
---
<div>{{APIRef("Web Components")}}</div>

<p>可以使用<code><strong>HTMLTemplateElement</strong></code> 接口来访问 HTML {{HTMLElement("template")}}元素的内容。</p>

<p>{{InheritanceDiagram(600, 120)}}</p>

<h2 id="属性">属性</h2>

<p><em>这个接口继承了 {{domxref("HTMLElement")}}的属性</em></p>

<dl>
 <dt>{{domxref("HTMLTemplateElement.content")}}{{readonlyinline}}</dt>
 <dd>{{domxref("DocumentFragment")}}对象，包裹了模板元素{{HTMLElement("template")}}的内容。这个属性是只读的DOM树。</dd>
</dl>

<h2 id="Methods">Methods</h2>

<p><em>这个接口继承了 {{domxref("HTMLElement")}}的方法。</em></p>

<h2 id="标准">标准</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="col">标准</th>
   <th scope="col">状态</th>
   <th scope="col">备注</th>
  </tr>
  <tr>
   <td>{{SpecName('HTML WHATWG','scripting.html#htmltemplateelement','HTMLTemplateElement interface')}}</td>
   <td>{{Spec2('HTML WHATWG')}}</td>
   <td></td>
  </tr>
  <tr>
   <td>{{SpecName('HTML5 W3C','scripting-1.html#htmltemplateelement','HTMLTemplateElement interface')}}</td>
   <td>{{Spec2('HTML5 W3C')}}</td>
   <td>Initial definition</td>
  </tr>
 </tbody>
</table>

<h2 id="浏览器兼容性">浏览器兼容性</h2>



<p>{{Compat("api.HTMLTemplateElement")}}</p>