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

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 Range.deleteContents() xóa tất cả các nút được chọn hoàn toàn trong range này khỏi tài liệu. Với các nút chỉ được chọn một phần ở đầu hoặc cuối range, chỉ phần văn bản được chọn bị xóa, còn bản thân nút vẫn nguyên vẹn. Sau đó, range được thu gọn về cuối nút được chọn cuối cùng.

Cú pháp

deleteContents()

<p>paragraph 1</p>
<p>paragraph 2</p>
<p>paragraph 3</p>
<button id="delete">Delete selected text</button>
<button id="reset">Reset</button>

const button = document.getElementById("delete");
const reset = document.getElementById("reset");
const output = document.getElementById("output");

button.addEventListener("click", () => {
  const range = document.getSelection().getRangeAt(0);
  range.deleteContents();
});

reset.addEventListener("click", () => {
  window.location.reload();
});