JavaScript Selection.selectAllChildren() — виділити весь вміст елемента

Метод selectAllChildren() виділяє весь вміст елемента — одним викликом.

правити

Загальний опис

Скорочення для трьох рядків: створити діапазон, взяти вміст вузла, віддати виділенню. Робить те саме, але коротше.

Саме він стоїть за кнопками «виділити весь код» у блоках прикладів.

правити

+ додати пораду чи нотатку

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
selectAllChildren	1+	1+	1+	7+	12+	9+

Підтримка: мобільні переглядачі

Переглядач
selectAllChildren	yes	yes	yes	yes

Приклади

+ запропонувати свій приклад у пісочниці

<pre id="code">const x = 1;</pre>
<button id="sel">Виділити все</button>

document.getElementById('sel').addEventListener('click', () => {
    // одним рядком замість трьох
    window.getSelection().selectAllChildren(
        document.getElementById('code')
    );
});