La función d3.select() en D3.js se usa para seleccionar el primer elemento que coincida con la string de selección especificada. Si algún elemento no coincide, devuelve la selección vacía. Si varios elementos coinciden con el selector, solo se seleccionará el primer elemento coincidente.
Sintaxis:
d3.select("element")
Parámetros: esta función acepta un solo parámetro que contiene el nombre del elemento.
Valor devuelto: esta función devuelve los elementos seleccionados.
Los siguientes programas ilustran la función d3.select() en D3.js:
Ejemplo 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>
Producción:
GeeksforGeeks
Ejemplo 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>
Producción:
GeeksforGeeks
Referencia: https://devdocs.io/d3~5/d3-selection#select
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