diff options
Diffstat (limited to 'files/ko/web/api/characterdata')
| -rw-r--r-- | files/ko/web/api/characterdata/index.html | 97 |
1 files changed, 97 insertions, 0 deletions
diff --git a/files/ko/web/api/characterdata/index.html b/files/ko/web/api/characterdata/index.html new file mode 100644 index 0000000000..0e0b383a82 --- /dev/null +++ b/files/ko/web/api/characterdata/index.html @@ -0,0 +1,97 @@ +--- +title: CharacterData +slug: Web/API/CharacterData +tags: + - API + - DOM +translation_of: Web/API/CharacterData +--- +<p>{{APIRef("DOM")}}</p> + +<p><code><strong>CharacterData</strong></code> 추상 인터페이스는 문자를 포함하는 {{domxref("Node")}} 객체를 나타냅니다. 이는 추상 인터페이스로 <code>CharacterData</code> 타입의 객체로는 존재하지 않음을 의미합니다. {{domxref("Text")}}, {{domxref("Comment")}}, {{domxref("ProcessingInstruction")}} 와 같은 추상 인터페이스가 아닌 다른 인터페이스에의해 구현되었습니다.</p> + +<p>{{InheritanceDiagram}}</p> + +<h2 id="프로퍼티">프로퍼티</h2> + +<p><em>부모 {{domxref("Node")}} 로부터 프로퍼티를 상속받고 {{domxref("ChildNode")}} 와 {{domxref("NonDocumentTypeChildNode")}} 인터페이스를 구현합니다.</em></p> + +<dl> + <dt>{{domxref("CharacterData.data")}}</dt> + <dd>이 객체를 포함하는 문자형 데이터를 나타내는 {{domxref("DOMString")}} 입니다.</dd> + <dt>{{domxref("CharacterData.length")}} {{readonlyInline}}</dt> + <dd><code>CharacterData.data</code> 에 포함된 문자열의 크기를 나타내는 <code>unsigned long</code> 을 반환합니다.</dd> + <dt>{{domxref("NonDocumentTypeChildNode.nextElementSibling")}} {{readonlyInline}}</dt> + <dd>부모의 자식 리스트 중 특정 {{domxref("Element")}} 의 바로 다음 {{domxref("Element")}} 를 반환합니다. 특정 엘리먼트가 리스트의 마지막 것일 경우 <code>null</code> 을 반환합니다.</dd> + <dt>{{domxref("NonDocumentTypeChildNode.previousElementSibling")}} {{readonlyInline}}</dt> + <dd>부모의 자식 리스트 중 특정 {{domxref("Element")}} 의 바로 이전 {{domxref("Element")}} 를 반환합니다. 특정 엘리먼트가 리스트의 처음 것일 경우 <code>null</code> 을 반환합니다.</dd> +</dl> + +<h2 id="Methods" name="Methods">메소드</h2> + +<p><em>부모 {{domxref("Node")}} 로부터 메소드를 상속받고 {{domxref("ChildNode")}} 와<em> {{domxref("NonDocumentTypeChildNode")}} </em>인터페이스를 구현합니다.</em></p> + +<dl> + <dt>{{domxref("CharacterData.appendData()")}}</dt> + <dd>주어진 {{domxref("DOMString")}} 을 <code>CharacterData.data</code> 문자열에 붙입니다. 이 메소드가 반환할 때 <code>data</code> 는 이어 붙여진 {{domxref("DOMString")}} 을 갖게됩니다.</dd> + <dt>{{domxref("CharacterData.deleteData()")}}</dt> + <dd><code>CharacterData.data</code> 문자열의 특정 오프셋으로부터 지정한 양만큼의 문자열을 제거합니다. 이 메소드가 반환할 때 <code>data</code> 는 짧아진 {{domxref("DOMString")}} 을 갖게됩니다.</dd> + <dt>{{domxref("CharacterData.insertData()")}}</dt> + <dd><code>CharacterData.data</code> 문자열의 특정 오프셋에 특정 문자열을 삽입합니다. 이 메소드가 반환할 때 <code>data</code> 는 수정된 {{domxref("DOMString")}} 을 갖게됩니다.</dd> + <dt>{{domxref("ChildNode.remove()")}} {{experimental_inline}}</dt> + <dd>부모의 자식 리스트로부터 객체를 제거합니다.</dd> + <dt>{{domxref("CharacterData.replaceData()")}}</dt> + <dd>특정 오프셋으로부터 지정한 양만큼의 문자열을 지정된 {{domxref("DOMString")}} 으로 대체합니다. 이 메소드가 반환할 때 <code>data</code> 는 수정된 {{domxref("DOMString")}} 을 갖게됩니다.</dd> + <dt>{{domxref("CharacterData.substringData()")}}</dt> + <dd><code>CharacterData.data</code> 의 특정 오프셋으로부터 지정된 길이만큼의 {{domxref("DOMString")}} 을 반환합니다.</dd> +</dl> + +<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', '#characterdata', 'CharacterData')}}</td> + <td>{{Spec2('DOM WHATWG')}}</td> + <td>{{domxref("ChildNode")}} 와 {{domxref("NonDocumentTypeChildNode")}} 인터페이스 구현을 추가했음.</td> + </tr> + <tr> + <td>{{SpecName('DOM3 Core', 'core.html#ID-FF21A306', 'CharacterData')}}</td> + <td>{{Spec2('DOM3 Core')}}</td> + <td>{{SpecName('DOM2 Core')}} 로부터 변경사항 없음.</td> + </tr> + <tr> + <td>{{SpecName('DOM2 Core', 'core.html#ID-FF21A306', 'CharacterData')}}</td> + <td>{{Spec2('DOM2 Core')}}</td> + <td>{{SpecName('DOM1')}} 로부터 변경사항 없음.</td> + </tr> + <tr> + <td>{{SpecName('DOM1', 'level-one-core.html#ID-FF21A306', 'CharacterData')}}</td> + <td>{{Spec2('DOM1')}}</td> + <td>초기 정의.</td> + </tr> + </tbody> +</table> + +<h2 id="브라우저_호환성">브라우저 호환성</h2> + +<div class="hidden"> +<p>The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> and send us a pull request.</p> +</div> + +<p> </p> + +<p>{{Compat("api.CharacterData")}}</p> + +<h2 id="함께_보기">함께 보기</h2> + +<p> </p> + +<ul> + <li><a href="/ko/docs/DOM/DOM_Reference" title="/en-US/docs/DOM/DOM_Reference">DOM 인터페이스 목차</a>.</li> +</ul> |