การลบองค์ประกอบใน JavaScript

ตอนนี้เรามาเรียนรู้วิธีการลบองค์ประกอบกัน สำหรับสิ่งนี้คุณต้องใช้ วิธี remove มาดูกัน จากตัวอย่างวิธีการทำ สมมติว่าเรามีย่อหน้า:

<p>องค์ประกอบ 1</p>
<p>องค์ประกอบ 2</p>
<p>องค์ประกอบ 3</p>
<p>องค์ประกอบ 4</p>
<p>องค์ประกอบ 5</p>

มาทำให้ย่อหน้าใดๆ ถูกลบเมื่อคลิกที่มัน:

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

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

ให้โค้ดต่อไปนี้:

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

ทำให้ li ใดๆ ถูกลบ เมื่อคลิกที่มัน

ให้โค้ดต่อไปนี้:

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

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

ทำให้ทุกครั้งที่คลิกที่ปุ่ม องค์ประกอบสุดท้ายจาก #parent ถูกลบ