Computer >> 컴퓨터 >  >> 프로그램 작성 >> JavaScript

JavaScript에서 기존 HTML 요소를 제거하는 방법은 무엇입니까?


제거 기존 HTML 요소 removeChild() 사용되어야 합니다. 부모 요소에서 모든 요소를 ​​제거합니다.

구문

removeChild(element);

요소를 매개변수로 사용하여 DOM에서 제거합니다.

예시

다음 예에서 div 섹션 처음에는 2개의 텍스트가 있습니다. 그러나 removeChild() 메소드를 사용하면 해당 텍스트 중 하나가 제거되고 섹션에 하나의 텍스트만 남습니다. 해당 텍스트가 출력에 표시됩니다.

<html>
<body>
<div id="new">
<p id="p1">Tutorix</p>
<p id="p2">Tutorialspoint</p>
</div>
<script>
   var parent = document.getElementById("new");
   var child = document.getElementById("p1");
   parent.removeChild(child);
</script>
</body>
</html>

출력

Tutorialspoint