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