用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";