Selection.selectAllChildren()
The Selection.selectAllChildren()
method adds all the children of the specified node to the selection. Previous selection is lost.
Syntax
sel.selectAllChildren(parentNode)
Parameters
parentNode
-
All children of
parentNode
will be selected.parentNode
itself is not part of the selection.
Example
HTML
<main> <button>Select Footer</button> <p>Welcome to my website.</p> <p>I hope you enjoy your visit.</p> </main> <footer> <address>[email protected]</address> <p>© 2019</p> </footer>
JavaScript
const button = document.querySelector('button'); const footer = document.querySelector('footer'); button.addEventListener('click', (e) => { window.getSelection().selectAllChildren(footer); });
Result
Specifications
Specification |
---|
Selection API # dom-selection-selectallchildren |
Browser compatibility
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
selectAllChildren |
1 |
12 |
1 |
9 |
≤12.1 |
3.1 |
1 |
18 |
4 |
≤12.1 |
2 |
1.0 |
See also
-
Selection
, the interface it belongs to.
© 2005–2021 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