HTML DOM selectAllChildren() Method
Last Updated :
21 Jun, 2023
The selectAllChildren() method adds all the children of the specified node to the current selection.
Syntax:
selection.selectAllChildren( parentNode )
Parameters:
- parentNode: The node whose children are to be selected.
Example: In this example, all the child elements of the parent div will get selected on the button click using this method.
HTML
<!DOCTYPE html>
< html >
< head >
< title >GeeksforGeeks</ title >
</ head >
< body >
< main >
< h1 >GeeksforGeeks</ h1 >
</ main >
< div >
< p >child 1</ p >
< p >child 2</ p >
< p >child 3</ p >
</ div >
< button onclick = "select()" >
click
</ button >
< script >
const pNode = document
.querySelector('div');
function select() {
window.getSelection()
.selectAllChildren(pNode);
};
</ script >
</ body >
</ html >
|
Output: Click the button to select the child node of the parent div:
Supported Browsers: The browsers supported by the selectAllChildren() method are listed below:
- Google Chrome
- Edge
- Firefox
- Opera
- Safari
- Internet Explorer.
Share your thoughts in the comments
Please Login to comment...