-
반응형
<!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>
결과:
'누르세요' 버튼을 누르면 "첫번째 단락"이란 문장이 사라진다.
반응형'코딩 > HTML5' 카테고리의 다른 글
HTML5 + CSS3 + JavaScript로 배우는 웹프로그래밍 기초 8강 연습문제 답 (0) 2018.06.13 윈도우 오픈 (0) 2018.06.06 노드 추가 (0) 2018.06.06 요소 사라짐 (0) 2018.06.06 자바 스크립트로 요소의 스타일 변경 (0) 2018.06.06
