C'è un modo semplice per cancellare i contenuti di un elemento SVG?

In HTML, faccio a cancellare un elemento <div> con questo comando:C'è un modo semplice per cancellare i contenuti di un elemento SVG?

div.innerHTML = "";

C'è un equivalente se ho un elemento <svg>? Non riesco a trovare un metodo innerHTML o innerXML o innerSVG.

So che lo SVG DOM è un superset del DOM XML, quindi so che posso fare qualcosa di simile:

while (svg.lastChild) { 
    svg.removeChild(svg.lastChild); 
}

Ma questo è sia noioso e lento. C'è un modo più veloce o più semplice per cancellare un elemento SVG?

fonte

2010-09-09 Aseem Kishore

Hai già dato una risposta: puoi sempre ricorrere a tutti i bambini e rimuoverli. Se pensi di avere troppi nodi figli allora forse vuoi sostituire il nodo svg con uno vuoto. Se il tuo nodo svg ha alcuni attributi, puoi usare un tag dove collochi tutti i nodi figli e poi basta sostituire il nodo con uno vuoto.

fonte

2010-09-23 13:25:11 Volker

Sostituire è una buona idea - grazie! –

utilizzare questo? http://keith-wood.name/svg.html

c'è anche Raphael: jQuery SVG vs. Raphael

sarei tentato a strascico attraverso e vedere chi stanno facendo il loro .destroy() metodi.

fonte

2010-09-09 06:31:43

Sembra che stanno facendo esattamente ciò che è Aseem: paperproto.clear = function() {var c = this.canvas; while (c.firstChild) { c.removeChild (c.firstChild); } – robertc

element = document.getElementById("elementID"); 
element.parentNode.removeChild(element);

ho avuto l'idea da http://www.carto.net/svg/manipulating_svg_with_dom_ecmascript/

fonte

2013-01-28 22:19:00 Travis

Questo rimuoverà l'elemento stesso anziché svuotarlo ma funziona davvero per SVG. – howard10

in che modo rimuovere l'intero elemento 'lavoro'? Questo non è quello che è stato chiesto. –

Se stai usando jQuery, si può solo fare

$("#svgid").empty();

Questa deletes all child elements del svg lasciando gli altri attributi come larghezza e l'altezza intatto .

fonte

2013-06-11 17:37:05 FrancesKR

Questo era esattamente quello che stavo cercando. – QueueHammer

Rimuove i tag :( –

Espansione su COMMNET di john ktejik L'uso di empty() cancella tutte le definizioni L'uso del ciclo cancella solo quelle definizioni associate ad un elemento figlio rimosso – ouflak

Ho provato svg.text("") e sembra funzionare. Cancella tutto il testo interno, mantiene gli attributi.

fonte

2014-04-23 06:20:06

viene visualizzato l'errore 'non è una funzione' –

Se la domanda non ha jQuery come tag, non pubblicarlo come risposta senza specificare che lo stai utilizzando. Errore – theonlygusti

Utilizzare d3.js. Questo rimuoverà tutti i nodi del contenuto da svg.

svg.selectAll("*").remove();

fonte

2014-05-15 08:55:13

: non definito non è una funzione –

È possibile utilizzare il clone e sostituire l'elemento con quello clonato.

var parentElement = svg.parentElement 
    var emptySvg = svg.cloneNode(false); 
    parentElement.removeChild(svg); 
    parentElement.appendChild(emptySvg);

Questo aggiungerà la svg alla fine, si potrebbe desiderare di ottenere l'elemento prima e aggiungere accordinaly

fonte

2015-08-14 03:53:30

Accetto usare il clone e sostituire l'elemento con la clonato uno.

solo una riga di codice:

svg.parentNode.replaceChild(svg.cloneNode(false), svg);

fonte

2015-12-21 04:46:11 cuixiping

C'è un modo semplice per cancellare i contenuti di un elemento SVG?

risposta

Problemi correlati