d3.js d3.select()用法及代码示例

D3.js中的d3.select()函数用于选择与指定选择器字符串匹配的第一个元素。如果任何元素都不匹配，则返回空选择。如果选择器匹配了多个元素，则只会选择第一个匹配元素。

用法:

d3.select("element")

参数：此函数接受包含元素名称的单个参数。

返回值：此函数返回选定的元素。

以下程序说明了D3.js中的d3.select()函数：

示例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>

输出：

GeeksforGeeks

示例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>

输出：

GeeksforGeeks

参考： https://devdocs.io/d3~5/d3-selection#select

相关用法

注：本文由纯净天空筛选整理自Kanchan_Ray大神的英文原创作品 D3.js | d3.select() Function。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。