코딩/HTML5
노드 제거
런던전통손만두
2018. 6. 6. 00:54
반응형
<!DOCTYPE html >
<html>
<head>
<meta charset = "UTF-8">
<script>
function removeNode() {
var parent = document.getElementById("taget");
var child = document.getElementById("p1");
parent.removeChild(child);
}
</script>
</head>
<body>
<div id ="taget">
<p id ="p1">첫번째 단락 </p>
<p id ="p2">두번째 단락 </p>
</div>
<button onclick ="removeNode()">누르세요!</button>
</body>
</html>
결과:
'누르세요' 버튼을 누르면 "첫번째 단락"이란 문장이 사라진다.
반응형