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

javascriptcha.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:

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

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

parent.removeChild(elem);

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

html<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:

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

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

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

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

Xem thêm