javascript - 在循环内多次附加预加载的图像

Question

window.preloadShips = function(){
    window.shipImages.omega = new Image();
    window.shipImages.omega.src = "shipIcons/omega.png";
}

//later 

    for (var i = 0; i < this.primary.systems.length; i++){
        var td = document.createElement("td");
            td.className = "iconContainer";
            td.appendChild(window.shipImages.omega);
        tr.appendChild(td);
    }
    table.appendChild(tr);

执行此操作时，会发生的情况是，只有表中保存有 img 的 TD，所有其他 TD 将为空。

a)这是为什么？

b) 规避该问题的最佳方法是什么？

• 谢谢

Answer 1

这可能是因为您在循环中指向同一个子 DOM 元素。这个stackoverflow question应该可以帮助您解决问题。