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>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);
});
Result
Specifications
Specification |
---|
Selection API # dom-selection-selectallchildren |
Browser compatibility
BCD tables only load in the browser
See also
Selection
, the interface it belongs to.