• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>JavaScript Node Handle</title>
7
</head>
8
​
9
<body>
10
​
11
    <h1>텍스트 노드의 데이터 교체</h1>
12
    <p id="text">지금 시간은 오후 3시입니다.</p>
13
    <button onclick="changeText()">텍스트 교체!</button>
14
​
15
    <script>
16
        var text = document.getElementById("text").firstChild;  // 아이디가 "text"인 요소의 텍스트 노드를 선택함.
17
        function changeText() {
18
            text.replaceData(7, 4, "저녁 7"); // 텍스트 노드의 7번째 문자부터 4개의 문자를 "저녁 7"로 교체함.
19
        }
20
    </script>
21
22
</body>
23
​
24
</html>