• 코드:
​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">ul 요소 다음의 텍스트
13
        <li>첫 번째 아이템이에요!</li>첫 번째 li 요소 다음의 텍스트
14
        <li>두 번째 아이템이에요!</li>두 번째 li 요소 다음의 텍스트
15
        <li>세 번째 아이템이에요!</li>세 번째 li 요소 다음의 텍스트
16
    </ul>
17
​
18
    <script>
19
        // 아이디가 "list"인 요소의 모든 자식 노드들을 선택함.
20
        var listItems = document.getElementById("list").childNodes;
21
        // 자식 노드들 중 첫 번째 노드의 값을 출력함.
22
        document.write(listItems[0].nodeValue + "<br>");
23
        // 자식 노드들 중 두 번째 노드의 자식 노드 중 첫 번째 노드의 값을 출력함.
24
        document.write(listItems[1].firstChild.nodeValue + "<br>");
25
        // 자식 노드들 중 세 번째 노드의 값을 출력함.
26
        document.write(listItems[2].nodeValue);
27
    </script>
28
29
</body>
30
​
31
</html>