The Selection.selectAllChildren()
method adds all the children of the specified node to the selection. Previous selection is lost.
The Selection.selectAllChildren()
method adds all the children of the specified node to the selection. Previous selection is lost.
js
selectAllChildren(parentNode)
parentNode
All children of parentNode
will be selected. parentNode
itself is not part of the selection.
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>[email protected]</address> <p>© 2019</p> </footer>
js
const button = document.querySelector("button"); const footer = document.querySelector("footer"); button.addEventListener("click", (e) => { window.getSelection().selectAllChildren(footer); });
Specification |
---|
Selection API # dom-selection-selectallchildren |
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 | 4.4 | 18 | 4 | ≤12.1 | 2 | 1.0 |
Selection
, the interface it belongs to.
© 2005–2023 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