Range: phương thức extractContents()

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Phương thức extractContents() của giao diện Range giống như sự kết hợp giữa Range.cloneContents() và Range.deleteContents(). Nó xóa các nút con của range khỏi tài liệu, sao chép chúng, rồi trả về dưới dạng một đối tượng DocumentFragment mới. Với các nút chỉ được chọn một phần, chỉ văn bản được chọn bị xóa, nhưng tất cả các nút cha bao quanh cho đến common ancestor cũng được sao chép, dẫn đến hai bản sao của các nút này, một trong tài liệu gốc và một trong fragment đã trích xuất.

Cú pháp

extractContents()

const range = document.createRange();
range.selectNode(document.getElementsByTagName("div").item(0));
const fragment = range.extractContents();
document.body.appendChild(fragment);