La función d3.empty() en D3.js se usa para devolver un valor booleano. El valor es verdadero cuando la selección no contiene elementos y devuelve falso cuando la selección no está vacía.
Sintaxis:
selection.empty();
Parámetros: Esta función no toma parámetros.
Valores devueltos: esta función devuelve un valor booleano.
A continuación se dan algunos ejemplos de la función dada anteriormente.
Ejemplo 1:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
path1tent="width=device-width,
initial-scale=1.0">
<title>Document</title>
</head>
<style>
div{
background-color: green;
margin-bottom: 5px;
padding: 10px;
width: fit-content;
}
</style>
<body>
<div>Some text</div>
<div>Geeks for geeks</div>
<div>Geeks for geeks</div>
<div>Some text</div>
<script src =
"https://d3js.org/d3.v4.min.js">
</script>
<script src=
"https://d3js.org/d3-selection.v1.min.js">
</script>
<script>
let selection=d3.selectAll("div")
console.log(selection.empty())
</script>
</body>
</html>
Producción:
Ejemplo 2:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
path1tent="width=device-width,
initial-scale=1.0">
<title>Document</title>
</head>
<style>
div{
background-color: green;
margin-bottom: 5px;
padding: 10px;
width: fit-content;
}
</style>
<body>
<div>Some text</div>
<div>Geeks for geeks</div>
<div>Geeks for geeks</div>
<div>Some text</div>
<script src =
"https://d3js.org/d3.v4.min.js">
</script>
<script src=
"https://d3js.org/d3-selection.v1.min.js">
</script>
<script>
// Selection is empty because no
// container name h2 is rendered.
let selection=d3.selectAll("h2")
console.log(selection.empty())
</script>
</body>
</html>
Producción:
