• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>JavaScript Node Access</title>
7
</head>
8
​
9
<body>
10
​
11
    <h1>빈 텍스트 노드의 처리</h1>
12
    <div id="parentNode">
13
        <p><span>첫 번째 단락</span> 입니다.</p>
14
        <p>두 번째 단락 입니다.</p>
15
    </div>
16
    <button onclick="printLastChild()">마지막 자식 노드 찾기!</button>
17
    <p id="nodename"></p>
18
19
    <script>
20
        var lastNode;
21
        function findLastChild(parentNode) {
22
            lastNode = parentNode.lastChild;
23
            while (lastNode.nodeType != 1) {
24
                lastNode = lastNode.previousSibling;
25
            }
26
        }
27
        function printLastChild() {
28
            var parentNode = document.getElementById("parentNode");
29
            findLastChild(parentNode);
30
            document.getElementById("nodename").innerHTML = lastNode.nodeName;
31
        }
32
    </script>
33
34
</body>
35
​
36
</html>