Выбор: метод deleteFromDocument()
Эталон Широко доступен
Эта функция хорошо отработана и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с марта 2017 года.
Метод deleteFromDocument() интерфейса Selection вызывает метод Range.deleteContents() для выбранного Range.
Синтаксис
deleteFromDocument()
Параметры
Нет.
Возвращаемое значение
Нет (undefined).
Примеры
В этом примере вы можете удалить выделенный текст и/или узлы, нажав кнопку. При нажатии кнопки метод Window.getSelection() получает выделенное содержимое, а метод deleteFromDocument() удаляет его.
HTML
<p>Try highlighting some of the elements in these paragraphs.</p> <p> Once you do, you can remove the selected content by clicking the button below. </p> <h2>All of the selected text/nodes will be removed.</h2> <button>Delete selected text</button>
JavaScript
let button = document.querySelector("button");
button.addEventListener("click", deleteSelection);
function deleteSelection() {
let selection = window.getSelection();
selection.deleteFromDocument();
}
Результат
Спецификации
| Спецификация |
|---|
| API выбора # dom-selection-deletefromdocument |
Совместимость с браузерами
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | |
deleteFromDocument |
1 | 12 | 1 | ≤12.1 | 3.1 | 18 | 4 | ≤12.1 | 2 | 1.0 | 4.4 |
См. также
-
Selection, интерфейс, определяющий этот метод
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/Selection/deleteFromDocument