JavaScript - remove element

yeong ·2022년 11월 21일

js

목록 보기
39/49

DOM(Document Object Model) - Element 객체 삭제

<body>
	<h1>DOM(Document Object Model) - Element 객체 삭제</h1>
	<hr>
	<h2>엘리먼트-1</h2>
	<h2 id="remove">엘리먼트-2</h2>
	<h2>엘리먼트-3</h2>
	
	<script type="text/javascript">
	/*
	var h2E=document.getElementById("remove");
	
	//Node.removeChild(oldNode) : Node(Element) 객체의 자식 Node(Element) 객체를 삭제하는 메소드
	//document.body.removeChild(h2E);
	
	//Node.parentNode : Node(Element) 객체의 부모 Node(Element) 객체를 저장한 프로퍼티
	h2E.parentNode.removeChild(h2E);
	*/
	
	var h2List=document.getElementsByTagName("h2");
	var removeE=h2List.item(1);
	removeE.parentNode.removeChild(removeE);
	</script>
</body>

0개의 댓글