Para eliminar contenido SVG, puede usar la función remove() proporcionada por D3.js. La función remove() se usa junto con dos métodos que también proporciona D3.js. Los siguientes métodos son:
- Uso del método select() con el método remove(): El método d3.select() se usa para seleccionar el primer elemento que debe eliminarse.
Sintaxis:
d3.select("element").remove()
Ejemplo: En este ejemplo, se elimina el elemento del primer párrafo (p).
html
<!DOCTYPE html>
<html>
<head>
<title>
How can I remove SVG content?
</title>
<script src = "https://d3js.org/d3.v4.min.js"></script>
</head>
<body style="text-align:center">
<h1 style="color:green">GeeksforGeeks</h1>
<h3> How can I remove SVG content?</h3>
<p>Geeks1</p>
<p>Geeks2</p>
<p>Geeks3</p>
<script>
// Calling the selectAll() function
d3.select("p").remove();
</script>
</body>
</html>
Producción:
- Uso del método selectAll() con el método remove(): El método d3.selectAll() se usa para seleccionar todos los elementos que coinciden y eliminarlos. Sintaxis:
d3.selectAll("element").remove()
Ejemplo: En este ejemplo, se eliminan todos los elementos del párrafo (p).
html
<!DOCTYPE html>
<html>
<head>
<title>
How can I remove SVG content?
</title>
<script src = "https://d3js.org/d3.v4.min.js"></script>
</head>
<body style="text-align:center">
<h1 style="color:green">GeeksforGeeks</h1>
<h3> How can I remove SVG content?</h3>
<p>Geeks1</p>
<p>Geeks2</p>
<p>Geeks3</p>
<script>
// Calling the selectAll() function
d3.selectAll("p").remove();
</script>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por SHUBHAMSINGH10 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA