JavaScript에서 요소 삭제하기

이제 요소를 삭제하는 방법을 배워봅시다. 이를 위해서는 remove 메서드를 사용해야 합니다. 어떻게 하는지 예제를 통해 살펴보겠습니다. 다음과 같은 문단이 있다고 가정해 보겠습니다:

html<p>요소 1</p>
<p>요소 2</p>
<p>요소 3</p>
<p>요소 4</p>
<p>요소 5</p>

어떤 문단이든 클릭하면 삭제되도록 만들어 봅시다:

javascriptlet elems = document.querySelectorAll('p');

for (let elem of elems) {
  elem.addEventListener('click', function() {
    elem.remove();
  });
}

html<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
</ul>

html<ul id="parent">
  <li>1</li>
  <li>2</li>
  <li>3</li>
</ul>

<input type="submit" id="button">