• 코드:
​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>텍스트 노드의 생성</h1>
12
    <button onclick="createNode()">텍스트 노드 생성!</button>
13
    <p id="text"></p>
14
​
15
    <script>
16
        function createNode() {
17
            var elementNode = document.getElementById("text");              // 아이디가 "text"인 요소를 선택함.
18
            var newText = document.createTextNode("새로운 텍스트에요! ");   // 새로운 텍스트 노드를 생성함.
19
            elementNode.appendChild(newText);                               // 해당 요소의 자식 노드로 추가함.
20
        }
21
    </script>
22
23
</body>
24
​
25
</html>