图像无法正确加载HTML

时间:2017-02-06 23:34:01

标签: javascript html image

我使用JS创建整个页面。 所以在我放置图像的表格中,我有一个片段如下:

col = document.createElement("td");

var img = document.createElement("IMG");
img.setAttribute("src", plane.innerHTML);
img.setAttribute("width", "304");
img.setAttribute("height", "228");
img.setAttribute("alt", plane.innerHTML);
col.appendChild(img);
row.appendChild(col);

如果您需要额外信息

稍后我将此行添加到表中:

ntable.appendChild(row);

很久以后我用这个表打开一个新窗口:

w =window.open("","","width=700,height=700");
w.document.write("<body></body>");  
w.document.getElementsByTagName("body")[0].appendChild(ntable);
w.document.close();

问题:

当窗口第一次弹出时,我看到的只是图像替代文本。我需要右键单击它们并重新加载以查看图像(意味着图像在列中,但在打开窗口时不会显示。)

浏览器详细信息:它在Chrome上运行良好,但这个问题在Firefox中仍然存在。

enter image description here

2 个答案:

答案 0 :(得分:1)

我认为使用insertCell可能有帮助

HTMLTableRowElement.insertCell()

答案 1 :(得分:0)

我找到了问题的解决方案。

我只是通过设置一个包含整个HTML文档的长字符串,最后使用document.write方法编写HTML文档,而不是创建变量和使用DOM函数。这似乎解决了图像无法加载的问题。