• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>JavaScript Node List</title>
7
</head>
8
​
9
<body>
10
​
11
    <h1>노드 리스트</h1>
12
    <ul id="list">
13
        <li>첫 번째 아이템이에요!</li>
14
        <li>두 번째 아이템이에요!</li>
15
        <li>세 번째 아이템이에요!</li>
16
    </ul>
17
​
18
    <script>
19
        // 아이디가 "list"인 요소의 모든 자식 노드들을 선택함.
20
        var listItems = document.getElementById("list").childNodes;
21
        // 자식 노드들 중 첫 번째 li 요소의 내용을 변경함.
22
        listItems[1].firstChild.nodeValue = "HTML 요소의 내용을 변경했어요!";
23
    </script>
24
25
</body>
26
​
27
</html>