การลบองค์ประกอบใน 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">