Javascript:新图像未出现在 Firefox 和 IE 中

Question

我正在按按钮创建图像。当我在 Chrome 中运行图像时，图像被创建，但我无法在 Firefox 或 IE 中显示任何内容。我在网上其他地方看到过这个问题，但没有运气让这个对我有用。

按钮 HTML:

<input type="radio" class="button" name="button" onclick="createImageRoof();" id="button1"/>

JS:

function createImageRoof()
{
    alert("In Function")
    var floatingImage1= document.getElementById('floatingImage1');
    var i1 = document.createElement("img");
    i1.src = "Images\\tnR1.png";
    i1.type = "image";
    floatingImage1.appendChild(i1);
}

Answer 1

将文件路径目录分隔符更改为正斜杠 (/) 对我有用。

所以:i1.src = "Images/tnR1.png";