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:
<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ó:
let elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
elem.remove();
});
}
Cho đoạn mã sau:
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
Hãy làm sao để bất kỳ li nào cũng bị xóa
khi nhấp vào nó.
Cho đoạn mã sau:
<ul id="parent">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<input type="submit" id="button">
Hãy làm sao để mỗi lần nhấp vào nút
thì phần tử cuối cùng từ #parent bị xóa.
