javascript - 用 javascript 替换 SVG 有时无法完成

Question

我有一些代码可以将一个小型 SVG 替换为另一个。两者都缩放到相同的大小。在某些情况下，尚未确定，替换图像......没有完成加载？（我不确定会发生什么：旧图像是绿色的“+”，而替换的是红色的“X”。有时我会得到红色的“X”，有时会在上部得到一个或两个红色的小像素左角。）两个图像与脚本和 HTML 位于同一服务器上：

HTML

<td id="internal_add_more.1"><img
    src="/images/icons/add_green.svg"
    alt="[+]"
    title="Add"
    style="height:1em; width:1em;" /></td>

Javascript：

var oldAdd = document.getElementById(prefix+"add_more."+oldRow);  // a cell (td)
var undo = oldAdd.childNodes[0];                                  // img in cell
undo.src = "/images/icons/delete_red.svg";
undo.alt = "[X]";
undo.title = "Remove";