WEB.JS/08.DOM_JS
chapter05 : DOM삭제
GAWON
2023. 5. 23. 09:15
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
onload = function() {
var box = document.getElementById("box"); //제거 대상(p1)의 부모도 알아야 함
var p1 = document.getElementById("p1"); //제거 대상
```
//제거 : 부모.removeChild(자식);
box.removeChild(p1);
var h1 = document.getElementsByTagName("h1"); //제거 대상, h1은 배열
document.body.removeChild(h1[0]);
}
```
</script>
</head>
<body>
<h1>DOM삭제</h1> <!-- 삭제 대상 -->
<div id="box">
<p id="p1">첫 번째 문단</p> <!-- 삭제 대상 -->
<p id="p2">두 번째 문단</p>
</div>
</body>
</html>