如何删除旧的SVG元素，然后用新的元素替换它？

// 获取旧的SVG元素
var oldSvg = document.getElementById("old-svg");

// 从DOM中移除旧的SVG元素
oldSvg.parentNode.removeChild(oldSvg);

// 创建新的SVG元素
var newSvg = document.createElementNS("http://www.w3.org/2000/svg", "svg");

// 设置新SVG元素的属性和样式
newSvg.setAttribute("width", "100");
newSvg.setAttribute("height", "100");
newSvg.setAttribute("fill", "red");

// 创建新的SVG子元素
var newRect = document.createElementNS("http://www.w3.org/2000/svg", "rect");
newRect.setAttribute("x", "10");
newRect.setAttribute("y", "10");
newRect.setAttribute("width", "80");
newRect.setAttribute("height", "80");
newRect.setAttribute("fill", "blue");

// 将新的SVG子元素添加到新的SVG元素中
newSvg.appendChild(newRect);

// 将新的SVG元素插入到DOM中
document.body.appendChild(newSvg);