---
title: HTMLTemplateElement
slug: Web/API/HTMLTemplateElement
tags:
  - API
  - HTML DOM
  - 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")}} 엘리먼트의 템플릿 컨텐츠를 반환합니다.</dd>
</dl>

<h2 id="메소드">메소드</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>초기 정의</td>
  </tr>
 </tbody>
</table>

<h2 id="브라우저_호환성">브라우저 호환성</h2>



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