--- title: ChildNode.remove() slug: Web/API/ChildNode/remove tags: - API - ChildNode - DOM - Phương Thức - Đang thử nghiệm translation_of: Web/API/ChildNode/remove ---
{{APIRef("DOM")}}

Phương thức ChildNode.remove() dùng để loại bỏ chính đối tượng gọi nó ra khỏi cây cấu trúc.

Cú pháp

node.remove();

Ví dụ

Cách dùng remove()

<div id="div-01">Đây là div-01</div>
<div id="div-02">Đây là div-02</div>
<div id="div-03">Đây là div-03</div>

var el = document.getElementById('div-02');
el.remove(); // Gỡ bỏ div có id là 'div-02'

ChildNode.remove() is unscopable

The remove() method is not scoped into the with statement. See {{jsxref("Symbol.unscopables")}} for more information.

with(node) {
  remove();
}
// ReferenceError: remove is not defined

Giải pháp thay thế

Ta có thể thay thế phương thức remove() bằng đoạn mã sau để chạy trên Internet Explorer 9 và những đời sau này:

// Nguồn: https://github.com/jserz/js_piece/blob/master/DOM/ChildNode/remove()/remove().md
(function (arr) {
  arr.forEach(function (item) {
    if (item.hasOwnProperty('remove')) {
      return;
    }
    Object.defineProperty(item, 'remove', {
      configurable: true,
      enumerable: true,
      writable: true,
      value: function remove() {
        if (this.parentNode !== null)
          this.parentNode.removeChild(this);
      }
    });
  });
})([Element.prototype, CharacterData.prototype, DocumentType.prototype]);

Thông số kỹ thuật

Thông số kỹ thuật Trạng thái Chú thích
{{SpecName('DOM WHATWG', '#dom-childnode-remove', 'ChildNode.remove')}} {{Spec2('DOM WHATWG')}} Lần đầu được định nghĩa.

Tính tương thích trên trình duyệt

{{Compat("api.ChildNode.remove")}}

Xem thêm