---
title: Text
slug: Web/API/Text
tags:
  - API
  - DOM
  - Interface
  - Reference
translation_of: Web/API/Text
---
<div>{{ApiRef("DOM")}}</div>

<p><strong><code>Text</code></strong> 인터페이스는 {{domxref("Element")}} 또는 {{domxref("Attr")}}의 문자형 콘텐츠를 표현합니다.</p>

<p>요소의 콘텐츠에 마크업이 없을 경우 해당 요소는 요소의 텍스트를 담은 <code>Text</code> 를 구현한 단일 자식을 갖습니다. 반면에 요소에 마크업이 있을 경우 자식을 구성하는 정보 항목과 <code>Text</code> 노드로 파싱됩니다.</p>

<p>새로운 문서는 각각의 텍스트 블록마다 하나의 <code>Text</code> 노드를 갖습니다. 문서의 콘텐츠가 변경됨에 따라 새로운 <code>Text</code> 노드가 생성될 수 있습니다. {{domxref("Node.normalize()")}} 메서드는 인접한 <code>Text</code> 객체에 대한 각각의 텍스트 블록을 다시 단일 노드로 병합합니다.</p>

<p>{{InheritanceDiagram}}</p>

<h2 id="Methods" name="Methods">생성자</h2>

<dl>
 <dt>{{domxref("Text.Text", "Text()")}} {{experimental_inline}}</dt>
 <dd>제공한 매개변수를 텍스트 콘텐츠로 하는 <code>Text</code> 노드를 반환합니다.</dd>
</dl>

<h2 id="속성">속성</h2>

<p>부모인 {{domxref("CharacterData")}}로부터 속성을 상속합니다.</p>

<dl>
 <dt>{{domxref("Text.isElementContentWhitespace")}} {{readonlyInline}}{{ obsolete_inline() }}</dt>
 <dd>
 <p>텍스트 노드가 공백만 포함하는지 여부를 나타내는 {{domxref("Boolean")}} 플래그를 반환합니다.</p>
 </dd>
 <dt>{{domxref("Text.wholeText")}} {{readonlyInline}}</dt>
 <dd>이 {{domxref("Node")}}와 논리적으로 인접한 모든 <code>Text</code> 노드의 텍스트를 문서 내의 순서대로 이어붙인 {{domxref("DOMString")}}을 반환합니다.</dd>
 <dt>{{domxref("Text.assignedSlot")}} {{readonlyinline}}</dt>
 <dd>이 요소와 연관된 {{domxref("HTMLSlotElement")}} 객체를 반환합니다.</dd>
</dl>

<h3 id="Slotable로부터_포함된_속성"><code>Slotable</code>로부터 포함된 속성</h3>

<p><code>Text</code> 인터페이스는 {{domxref("Slotable")}} 믹스인이 정의하는 다음의 속성을 포함합니다.</p>

<dl>
 <dt>{{domxref("Slotable.assignedSlot")}} {{readonlyInline}}</dt>
 <dd>노드가 삽입된 {{htmlelement("slot")}}을 나타내는 {{domxref("HTMLSlotElement")}}를 반환합니다.</dd>
</dl>

<h2 id="메서드">메서드</h2>

<p>부모인 {{domxref("CharacterData")}}로부터 메서드를 상속합니다.</p>

<dl>
</dl>

<dl>
 <dt>{{domxref("Text.replaceWholeText")}} {{ obsolete_inline() }}</dt>
 <dd>현재 노드와 논리적으로 인접한 모든 노드의 텍스트를 지정한 텍스트로 대체합니다.</dd>
</dl>

<dl>
 <dt><span class="internal">{{domxref("Text.splitText")}}</span></dt>
 <dd>노드를 지정한 오프셋에서 두 노드로 분리합니다.</dd>
</dl>

<h2 id="명세">명세</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Specification</th>
   <th scope="col">Status</th>
   <th scope="col">Comment</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName('DOM WHATWG', '#text', 'Text')}}</td>
   <td>{{Spec2('DOM WHATWG')}}</td>
   <td>Removed the <code>isElementContentWhitespace</code> property.<br>
    Removed the <code>replaceWholeText()</code> method.<br>
    Added the <code>Text()</code> constructor.<br>
    Added the <code>assignedSlot</code> property.</td>
  </tr>
  <tr>
   <td>{{SpecName('DOM3 Core', 'core.html#ID-1312295772', 'Text')}}</td>
   <td>{{Spec2('DOM3 Core')}}</td>
   <td>Added the <code>isElementContentWhitespace</code> and <code>wholeText</code> properties.<br>
    Added the <code>replaceWholeText()</code> method.</td>
  </tr>
  <tr>
   <td>{{SpecName('DOM2 Core', 'core.html#ID-1312295772', 'Text')}}</td>
   <td>{{Spec2('DOM2 Core')}}</td>
   <td>No change from {{SpecName('DOM1')}}.</td>
  </tr>
  <tr>
   <td>{{SpecName('DOM1', 'level-one-core.html#ID-1312295772', 'Text')}}</td>
   <td>{{Spec2('DOM1')}}</td>
   <td>Initial definition.</td>
  </tr>
 </tbody>
</table>

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



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

<h2 id="같이_보기">같이 보기</h2>

<ul>
 <li><a href="/ko/docs/Web/API/Document_Object_Model" title="/en-US/docs/DOM/DOM_Reference">DOM 인터페이스 목차</a>.</li>
</ul>