当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


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


D3.js中的d3.selectAll()函数用于选择与指定选择器字符串匹配的所有元素。

用法:

d3.selectAll("element")

参数:此函数接受单个参数HTML标记作为参数。


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

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

示例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>Geeks</div> 
          
    <div>GeeksforGeeks</div> 
          
    <script> 
          
        // Calling the selectAll() function 
        d3.selectAll("div").text(); 
    </script> 
</body> 
  
</html>                    

输出:

Geeks
GeeksforGeeks

示例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>GeeksforGeeks</p> 
          
    <p>A computer science portal for geeks</p> 
      
    <p>d3.selectAll() function</p> 
          
    <script> 
          
        // Calling the selectAll() function 
        d3.selectAll("p").text(); 
    </script> 
</body> 
  
</html>                    

输出:

GeeksforGeeks
A computer science portal for geeks
d3.selectAll() function

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



相关用法


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