• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>XML Node</title>
7
    <script>
8
        function loadDoc() {
9
            var xmlHttp = new XMLHttpRequest();
10
            xmlHttp.onreadystatechange = function() {
11
                if(this.status == 200 && this.readyState == this.DONE) {
12
                    findLastChild(xmlHttp);
13
                }
14
            };
15
            xmlHttp.open("GET", "/examples/media/programming_languages.xml", true);
16
            xmlHttp.send();
17
        }
18
​
19
        function findLastChild(xmlHttp) {
20
            var xmlObj, documentNode, lastNode;
21
            xmlObj = xmlHttp.responseXML;               // 요청한 데이터를 XML DOM 객체로 반환함.
22
            documentNode = xmlObj.documentElement;      // XML 문서 노드를 반환함.
23
            lastNode = documentNode.lastChild;          // XML 문서 노드의 마지막 자식 노드를 반환함.
24
            if(lastNode.nodeType != 1) {                // 마지막 자식 노드가 요소 노드가 아니면,
25
                lastNode = lastNode.previousSibling;    // 현재 마지막 노드의 바로 앞 노드를 반환함.
26
            }
27
            document.getElementById("text").innerHTML = "XML 문서 노드의 맨 마지막 자식 요소 노드는 " +
28
            lastNode.childNodes[1].firstChild.nodeValue + "입니다.";
29
        }
30
    </script>
31
</head>
32
​
33
<body>
34
​
35
    <h1>노드 간의 관계를 이용하여 접근하는 방법</h1>
36
    <button onclick="loadDoc()">노드 접근하기!</button>
37
    <p id="text"></p>
38
39
</body>
40
​
41
</html>