• 코드:
​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>removeChild() 메소드</h1>
12
    <button onclick="remove()">요소 노드 삭제!</button>
13
    <div id="list">
14
        <p>HTML</p>
15
        <p id="item">CSS</p>
16
        <p>JavaScript</p>
17
    </div>
18
19
    <script>
20
        function remove() {
21
            var parent = document.getElementById("list");       // 아이디가 "list"인 요소를 선택함.
22
            var removedItem = document.getElementById("item");  // 아이디가 "item"인 요소를 선택함.
23
            parent.removeChild(removedItem);                    // 지정된 요소를 삭제함.
24
        }
25
    </script>
26
27
</body>
28
​
29
</html>