Метод выбора: selectAllChildren()

Базовая реализация Широко поддерживается

Эта функция хорошо отработана и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с марта 2017 года.

Метод Selection.selectAllChildren() добавляет всех потомков указанного узла в выбор. Предыдущий выбор теряется.

Синтаксис

selectAllChildren(parentNode)

Параметры

parentNode: Все потомки parentNode будут выбраны. parentNode сам не входит в выбор.

Возвращаемое значение

None (undefined).

Примеры

HTML

<main>
  <button>Select Footer</button>
  <p>Welcome to my website.</p>
  <p>I hope you enjoy your visit.</p>
</main>
<footer>
  <address>webmaster@example.com</address>
  <p>© 2019</p>
</footer>

JavaScript

const button = document.querySelector("button");
const footer = document.querySelector("footer");

button.addEventListener("click", (e) => {
  window.getSelection().selectAllChildren(footer);
});

Результат

Спецификации

Спецификация
API выбора # dom-selection-selectallchildren

Совместимость с браузерами

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`selectAllChildren`	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/selectAllChildren