Bir SVG öğesinin içeriğini temizlemenin kolay bir yolu var mı? HTML'de

Question

, bu komutla bir <div> eleman temizleyebilirsiniz:

div.innerHTML = ""; 

Bir <svg> eleman varsa eşdeğer var mı? innerHTML veya innerXML veya hatta innerSVG yöntemini bulamıyorum.

ben SVG DOM XML DOM bir üst kümesidir biliyorum, bu yüzden böyle bir şey yapabileceğini biliyorum:

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

Ama bu sıkıcı ve yavaş hem de. SVG öğesini temizlemek için daha hızlı mı yoksa daha kolay mı?

Answer 1

Zaten tek bir yanıt verdiniz: her zaman tüm çocukları devredebilir ve kaldırabilirsiniz. Çok fazla çocuk düğümünüz olduğunu düşünüyorsanız, svg düğümünü boş bir ile değiştirmek isteyebilirsiniz. Eğer svg düğümünüzün bazı özellikleri varsa, tüm çocuk düğümlerini yerleştirdiğiniz bir etiket kullanabilir ve ardından düğümü boş bir ile değiştirebilirsiniz. jQuery kullanıyorsanız

Answer 2

bunu kullanın? Ayrıca orada http://keith-wood.name/svg.html

Raphael: Ben ile trol ve onların .destroy() yöntemleri yapıyoruz kim olduğunu görmek için cazip olacaktır jQuery SVG vs. Raphael

.

Answer 3

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

Ben genişliği ve bozulmamış yüksekliği gibi diğer özelliklerini bırakarak sadece SVG

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

Bu deletes all child elements

yapabilirsiniz http://www.carto.net/svg/manipulating_svg_with_dom_ecmascript/

Answer 4

fikrim var .

Answer 5

svg.text("")'u denedim ve işe yarıyor gibi görünüyor. Tüm iç metni temizler, öznitelikleri korur.

Answer 6

d3.js. Bu svg tüm içerik düğümleri kaldıracaktır.

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

Answer 7

Klon kullanabilir ve öğeyi klonlanmış olanla değiştirebilirsiniz.

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

Bu

önce eleman almak ve eklemek isteyebilirsiniz, sonunda svg ekler accordinaly

Answer 8

Ben klonlanmış biriyle eleman klon kullanmak ve değiştirme kabul edersiniz.

Sadece bir satır kodu: onlar Aseem tam olarak ne yapıyoruz gibi

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