HTML에서 이미 출력된 객체를 지우는 방법은 여러가지가 있지만, 가장 일반적인 방법 중 하나는 JavaScript를 사용하는 것입니다.
JavaScript를 사용하여 객체를 지우는 방법은 다음과 같습니다.
1.remove() 메소드를 사용
remove() 메소드를 사용하면 해당 요소(element)를 지울 수 있습니다. 예를 들어,
document.getElementById('myElement').remove();와 같이 사용합니다. 이 때, myElement는 지우고자 하는 요소의 ID입니다.
<div id="myDiv">This is my div.</div>
<button onclick="document.getElementById('myDiv').remove();">Remove the div</button>
2.parentNode.removeChild() 메소드를 사용
parentNode.removeChild() 메소드를 사용하면 해당 요소의 부모 노드(parent node)로부터 자식 노드(child node)를 삭제할 수 있습니다. 예를 들어,
document.getElementById('myElement').parentNode.removeChild(document.getElementById('myElement'));와 같이 사용합니다.
<div id="myDiv">This is my div.</div>
<button onclick="document.getElementById('myDiv').parentNode.removeChild(document.getElementById('myDiv'));">Remove the div</button>
3.innerHTML 속성을 사용
innerHTML 속성을 사용하면 해당 요소의 내부 HTML을 변경할 수 있습니다. 이 속성에 빈 문자열('')을 할당하면 해당 요소가 지워집니다. 예를 들어, document.getElementById('myElement').innerHTML = '';와 같이 사용합니다.
<div id="myDiv">This is my div.</div>
<button onclick="document.getElementById('myDiv').innerHTML = '';">Remove the div</button>