• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>JavaScript Node Manage</title>
7
</head>
8
​
9
<body>
10
​
11
    <h1>cloneNode() 메소드</h1>
12
    <button onclick="cloneElement()">노드 복제!</button>
13
    <h2 id="item">JavaScript</h2>
14
    <div id="list">
15
        <p>HTML</p>
16
        <p>CSS</p>
17
        <p>JQuery</p>
18
    </div>
19
20
    <script>
21
        function cloneElement() {
22
            var parent = document.getElementById("list");           // 아이디가 "list"인 요소를 선택함.
23
            var originItem = document.getElementById("item");       // 아이디가 "item"인 요소를 선택함.
24
            parent.appendChild(originItem.cloneNode(true));         // 해당 노드를 복제하여 리스트의 맨 마지막에 추가함.
25
        }
26
    </script>
27
28
</body>
29
​
30
</html>