• 코드:
​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">이 텍스트를 변경하고 싶어요!</p>
13
    <button onclick="changeText()">텍스트 변경!</button>
14
​
15
    <script>
16
        var para = document.getElementById("text");     // 아이디가 "text"인 요소를 선택함.
17
        function changeText() {
18
            para.firstChild.nodeValue = "텍스트 변경 완료!";
19
        }
20
    </script>
21
22
</body>
23
​
24
</html>