圖像未在 HTML 中正確加載
[英]Image not loading properly in HTML
問題描述
我正在使用 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 中持續存在。
2 個解決方案
解決方案1
1 2017-02-06 23:50:31
我認為使用 insertCell 可能會有所幫助
HTMLTableRowElement.insertCell()
解決方案2
0 已采納 2017-02-11 07:04:37
我找到了解決問題的方法。
我沒有創建變量和使用 DOM 函數，而是通過為整個 HTML 文檔設置一個長字符串並最終使用document.write方法編寫 HTML 文檔來創建 HTML 文本。 這似乎解決了圖像未加載的問題。
圖像滑塊無法正確加載
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.