blob: 0e0b383a82cc997d86fb8ac071cf25999a76a402 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
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>
|
