D3.js | Función d3.selectAll()

La función d3.selectAll() en D3.js se usa para seleccionar todos los elementos que coinciden con la string de selección especificada.

Sintaxis:

d3.selectAll("element")

Parámetros: esta función acepta una etiqueta HTML de un solo parámetro como parámetro.

Valor devuelto: esta función devuelve los elementos seleccionados.

Los siguientes programas ilustran la función d3.selectAll() en D3.js:

Ejemplo 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>                    

Producción:

Geeks
GeeksforGeeks

Ejemplo 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>                    

Producción:

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

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

Publicación traducida automáticamente

Artículo escrito por Kanchan_Ray y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *