D3.js | d3.selectAll() Function
The d3.selectAll() function in D3.js is used to select all the element that matches the specified selector string.
Syntax:
d3.selectAll("element")
Parameters: This function accepts single parameter HTML tag as a parameter.
Return Value: This function returns the selected elements.
Below programs illustrate the d3.selectAll() function in D3.js:
Example 1:
<!DOCTYPE html> <html> <head> <title> D3.js | d3.selectAll() Function </title> <script src = "https://d3js.org/d3.v4.min.js"></script> </head> <body> <div>Beginner</div> <div>w3wiki</div> <script> // Calling the selectAll() function d3.selectAll("div").text(); </script> </body> </html> |
Output:
Beginner w3wiki
Example 2:
<!DOCTYPE html> <html> <head> <title> D3.js | d3.selectAll() Function </title> <script src = "https://d3js.org/d3.v4.min.js"></script> </head> <body> <p>w3wiki</p> <p>A computer science portal for Beginner</p> <p>d3.selectAll() function</p> <script> // Calling the selectAll() function d3.selectAll("p").text(); </script> </body> </html> |
Output:
w3wiki A computer science portal for Beginner d3.selectAll() function
Reference: https://devdocs.io/d3~5/d3-selection#selectAll