Xóa phần tử trong JavaScript

Bây giờ hãy học cách xóa các phần tử. Để làm điều này, cần sử dụng phương thức remove. Hãy xem một ví dụ về cách thực hiện. Giả sử chúng ta có các đoạn văn:

html<p>phần tử 1</p>
<p>phần tử 2</p>
<p>phần tử 3</p>
<p>phần tử 4</p>
<p>phần tử 5</p>

Hãy làm sao để bất kỳ đoạn văn nào cũng bị xóa khi nhấp vào nó:

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">