Skip to content
Related Articles

Related Articles

D3.js | d3.select() Function
  • Last Updated : 17 Jul, 2019

The d3.select() function in D3.js is used to select the first element that matches the specified selector string. If any element is not matched then it returns the empty selection. If multiple elements are matched with the selector then only the first matching element will be selected.

Syntax:

d3.select("element")

Parameters: This function accepts single parameter which holds the element name.

Return Value: This function returns the selected elements.

Below programs illustrate the d3.select() function in D3.js:



Example 1:




<!DOCTYPE html>
<html>
  
<head>
    <title>
        D3.js | d3.select() Function
    </title>
      
    <script src = "https://d3js.org/d3.v4.min.js"></script>
</head>
  
<body>
      
    <div>GeeksforGeeks</div>
      
    <script>
      
        // Calling the select() function
        var a = d3.select("div").text();
          
        // Getting the selected element
        console.log(a);
    </script>
</body>
  
</html>                    

Output:

GeeksforGeeks 

Example 2:




<!DOCTYPE html>
<html>
  
<head>
         
    <title>
        D3.js | d3.select() Function
    </title>
      
    <script src="https://d3js.org/d3.v4.min.js"></script>
</head>
   
<body>
    <p>GeeksforGeeks</p>
         
    <p>A computer science portal for geeks</p>
         
    <script>
         
        // Calling the select() function
        var a = d3.select("p").text();
            
        // Getting the selected element
        console.log(a);
    </script>
</body>
     
</html>

Output:

GeeksforGeeks

Reference: https://devdocs.io/d3~5/d3-selection#select

full-stack-img

My Personal Notes arrow_drop_up
Recommended Articles
Page :