Phương thức removeChild

Phương thức removeChild cho phép xóa phần tử. Được áp dụng cho phần tử cha với việc chỉ định phần tử cần xóa.

Cú pháp

cha.removeChild(phần tử);

Ví dụ

Hãy xóa đoạn văn #elem. Để làm điều này, hãy lấy phần tử cha của nó #parent và phương thức removeChild áp dụng cho phần tử cha vừa lấy được, còn tham số của phương thức truyền vào phần tử mà chúng ta muốn xóa:

<div id="parent">
	<p id="elem">elem 1</p>
	<p>elem 2</p>
</div>

let parent = document.querySelector('#parent');
let elem = document.querySelector('#elem');

parent.removeChild(elem);

Kết quả thực thi mã:

<div id="parent">
	<p>elem 2</p>
</div>

Ví dụ

Nếu cần xóa một phần tử, nhưng không có tham chiếu đến phần tử cha của nó, - có thể lấy phần tử cha thông qua parentElement:

<div>
	<p id="elem">elem 1</p>
	<p>elem 2</p>
</div>

let elem = document.querySelector('#elem');
elem.parentElement.removeChild(elem);

Kết quả thực thi mã:

<div id="parent">
	<p>elem 2</p>
</div>

Xem thêm

phương thức remove,
nhờ đó có thể xóa phần tử