diff options
Diffstat (limited to 'files/ko/web/api/text')
| -rw-r--r-- | files/ko/web/api/text/index.html | 117 | ||||
| -rw-r--r-- | files/ko/web/api/text/splittext/index.html | 95 | ||||
| -rw-r--r-- | files/ko/web/api/text/text/index.html | 55 |
3 files changed, 267 insertions, 0 deletions
diff --git a/files/ko/web/api/text/index.html b/files/ko/web/api/text/index.html new file mode 100644 index 0000000000..7d529ce578 --- /dev/null +++ b/files/ko/web/api/text/index.html @@ -0,0 +1,117 @@ +--- +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> diff --git a/files/ko/web/api/text/splittext/index.html b/files/ko/web/api/text/splittext/index.html new file mode 100644 index 0000000000..dd45f3b83d --- /dev/null +++ b/files/ko/web/api/text/splittext/index.html @@ -0,0 +1,95 @@ +--- +title: Text.splitText() +slug: Web/API/Text/splitText +tags: + - API + - DOM + - Text + - 메소드 +translation_of: Web/API/Text/splitText +--- +<div>{{apiref("DOM")}}</div> + +<p><strong><code>Text.splitText()</code></strong> 메소드는 {{domxref("Text")}} 노드를 지정된 오프셋에서 두 노드로 분리합니다. 두 노드는 sibling으로써 트리에 유지됩니다.</p> + +<p>분리한 이후, 현재 노드는 지정된 오프셋 지점까지의 모든 컨텐츠를 포함하며, 새롭게 생성된 같은 타입의 노드는 남아있는 텍스트를 포함합니다. 새롭게 생성된 노드는 호출자에게 반환됩니다. 기존 노드가 부모를 갖고 있다면, 새 노드는 기존 노드의 다음 sibling으로 삽입됩니다. 기존 노드의 길이와 오프셋이 동일하다면, 새롭게 생성된 노드는 데이터를 갖지 않습니다.</p> + +<p>분리된 텍스트 노드는 {{domxref("Node.normalize()")}} 메소드를 사용해 이어붙혀질 수 있습니다.</p> + +<p>지정된 오프셋이 음수이거나 노드의 텍스트의 16 비트 단위의 수보다 크면 <code>INDEX_SIZE_ERR</code> 값을 갖는 {{domxref("DOMException")}} 을 throw됩니다. <code>NO_MODIFICATION_ALLOWED_ERR</code> 값을 갖는 {{domxref("DOMException")}} 은 노드가 읽기 전용일 때 throw됩니다.</p> + +<h2 id="문법">문법</h2> + +<pre class="syntaxbox"><em>replacementNode</em> = <em>textnode</em>.splitText(offset) +</pre> + +<h2 id="예제">예제</h2> + +<p>이 예제에서 {{HTMLElement("p")}} 텍스트 노드는 두 텍스트 노드로 분리되며 그 사이에 {{HTMLElement("span")}} 이 삽입됩니다.</p> + +<pre class="brush:html"><body> + <p id="p">foobar</p> + + <script type="text/javascript"> + var p = document.getElementById('p'); + var textnode = p.firstChild; + + // foo 와 bar 사이를 분리 + var replacementNode = textnode.splitText(3); + + // ' span contents ' 를 포함하는 span을 생성 + var span = document.createElement('span'); + span.appendChild(document.createTextNode(' span contents ')); + + // 'bar' 앞에 span을 추가 + p.insertBefore(span, replacementNode); + + // 결과: <p id="p">foo<span> span contents </span>bar</p> + </script> +</body> +</pre> + +<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('DOM WHATWG', '#dom-text-splittext', 'Text.splitText')}}</td> + <td>{{Spec2('DOM WHATWG')}}</td> + <td>{{SpecName('DOM3 Core')}} 로부터 변경 사항 없음.</td> + </tr> + <tr> + <td>{{SpecName('DOM3 Core', 'core.html#ID-38853C1D', 'Text.splitText')}}</td> + <td>{{Spec2('DOM3 Core')}}</td> + <td>{{SpecName('DOM2 Core')}} 로부터 변경 사항 없음.</td> + </tr> + <tr> + <td>{{SpecName('DOM2 Core', 'core.html#ID-38853C1D', 'Text.splitText')}}</td> + <td>{{Spec2('DOM2 Core')}}</td> + <td>{{SpecName('DOM1')}} 로부터 변경 사항 없음.</td> + </tr> + <tr> + <td>{{SpecName('DOM1', 'level-one-core.html#ID-38853C1D', 'Text.splitText')}}</td> + <td>{{Spec2('DOM1')}}</td> + <td>초기 정의.</td> + </tr> + </tbody> +</table> + +<h2 id="브라우저_호환성">브라우저 호환성</h2> + + + +<p>{{Compat("api.Text.splitText")}}</p> + +<h2 id="함께_보기">함께 보기</h2> + +<ul> + <li>이 메소드가 속한 {{domxref("Text")}} 인터페이스.</li> + <li>반대되는 메소드: {{domxref("Node.normalize")}}.</li> +</ul> diff --git a/files/ko/web/api/text/text/index.html b/files/ko/web/api/text/text/index.html new file mode 100644 index 0000000000..e993de91c8 --- /dev/null +++ b/files/ko/web/api/text/text/index.html @@ -0,0 +1,55 @@ +--- +title: Text() +slug: Web/API/Text/Text +tags: + - API + - DOM + - Text + - 생성자 + - 실험중 +translation_of: Web/API/Text/Text +--- +<p>{{ Apiref("DOM")}}{{seeCompatTable}}</p> + +<p><code><strong>Text()</strong></code> 생성자는 옵션인 파라미터로 주어진 문자형 컨텐츠인 {{domxref("DOMString")}} 으로 새롭게 생성된 {{domxref("Text")}} 객체를 반환합니다.</p> + +<h2 id="문법">문법</h2> + +<pre class="syntaxbox"><em>text1</em> = new Text(); // 빈 텍스트 노드 생성 +<em>text2</em> = new Text("텍스트 노드입니다"); +</pre> + +<h2 id="예제">예제</h2> + +<pre class="brush: js"><code class="language-js">text <span class="operator token">=</span> new Text<span class="function token"><span class="punctuation token">("Test"</span></span><span class="punctuation token">)</span><span class="punctuation token">;</span></code></pre> + +<h2 id="Specification" name="Specification">명세</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">명세</th> + <th scope="col">상태</th> + <th scope="col">코멘트</th> + </tr> + <tr> + <td>{{SpecName('DOM WHATWG', '#text', 'Text.Text()')}}</td> + <td>{{Spec2('DOM WHATWG')}}</td> + <td>초기 정의.</td> + </tr> + </tbody> +</table> + +<h2 id="브라우저_호환성">브라우저 호환성</h2> + + + +<p>{{Compat("api.Text.Text")}}</p> + +<h2 id="함께_보기">함께 보기</h2> + +<ul> + <li><a href="/ko/docs/Gecko_DOM_Reference" title="/en-US/docs/DOM/DOM_Reference">DOM 인터페이스 목차.</a></li> +</ul> + +<p> </p> |