更新頁面上的html元素而不回帖

我在javascript中動態生成html。我的HTML是繼更新頁面上的html元素而不回帖

<table id="tr1"> 
<tbody> 
<tr><td><img src="D:\listhell\adimg\autos\76cecc74-733d-4794-af6c-caca4d0bfd45.jpg" style="width:50px;"></td></tr> 
<tr><td><img src="D:\listhell\adimg\autos\a84b01e3-7811-4897-8e4b-fa351ddd4aca.jpg" style="width:50px;"></td></tr> 
<tr><td><img src="D:\listhell\adimg\autos\02ab6f2d-5a26-40a6-bcef-a18ce10dd14d.jpg" style="width:50px;"></td></tr> 
<tr><td><img src="D:\listhell\adimg\autos\c47516b8-c265-4d68-a41c-fc74ade50ab7.jpg" style="width:50px;"></td></tr> 
<tr><td><img src="" style="width:50px;"></td></tr></tbody></table>

我使用的JavaScript這樣

function uploadComplete() { 
     var v = $.cookie("path").split(','); 
     for (i = 0; i < v.length; i++) { 

      $("#tr1").append("<tr><td><img src='" + v[i] + "' style='width:50px;' /></td></tr>"); 

     } 
     alert("completed"); 


    }

的uploadComplete（）產生它是一個JavaScript事件，並在文件（S）使用AJAX FileUpload控件得到上傳它發生。

問題是在Chrome中生成了html，我使用inspect元素來看它，但是在瀏覽器UI中它沒有顯示。在Firefox中，表格顯示在瀏覽器的UI中，但圖像沒有被加載。

任何建議，意見，建議會有所幫助，感謝

來源

2014-12-31 fc123

-1

你將不得不這樣做：

$("#tr1 tbody").append("<tr><td><img src='" + v[i] + "' style='width:50px;' /></td></tr>");

您需要添加行TBODY，而不是直接在表

來源

2014-12-31 10:21:51

但我沒有嘗試你的解決方案。它仍然無法正常工作 – fc123

我沒有看到這段代碼有什麼問題。您無法正確看到內容的唯一原因可能是因爲在頁面上呈現了錯誤的標記。請仔細檢查你的標記。你必須錯過那裏。 –

-1

嘗試這：

$('#tr1 tr') 
    .last() 
    .after("<tr><td><img src='" + v[i] + "' style='width:50px;' /></td></tr>");

來源

2014-12-31 10:30:11 Vaibhav

我可以看到源代碼中的行被插入，但它不反映在瀏覽器屏幕 – fc123

檢查您的圖像路徑的HTML ..你可以訪問這些圖像..？ – Vaibhav

是的，我可以訪問瀏覽器中的圖像 – fc123

更新頁面上的html元素而不回帖

回答

相關問題