Javascript 更新页面上的html元素而不回发

我正在用javascript动态生成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");


    }

函数上传完成（）{
var v=$.cookie（“路径”）.split（'，'）；
对于（i=0；i

uploadComplete（）是一个javascript事件，在使用ajax fileupload控件上载文件时发生

问题是在Chrome中生成html，我使用inspect元素看到它，但在浏览器UI中它没有显示。在firefox中，表格会显示在浏览器的ui中，但不会加载图像

---

任何建议、意见、建议都会很有帮助，谢谢你必须这样做：

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

$（“#tr1 tbody”）。追加（“”）；

您需要将行附加到tbody，而不是直接添加到表中

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

$（'tr1 tr'）
.last（）
.在（“”）之后；

我可以在源代码中看到插入行的html，但它没有反映在浏览器屏幕中检查图像路径。。您可以访问这些图像吗？您是否已完成警报？您的图像应该位于相对路径而不是绝对路径上。假设您的html文件位于D:\myhtml\home.html中。在myhtml中复制图像文件夹。然后把代码改成希望这个helpsOK我把它改成了相对路径。现在它显示了img占位符，但没有显示图像本身。我看不出这段代码有任何错误。无法正确查看内容的唯一原因可能是页面上呈现的错误标记。请仔细检查标记。你一定错过了什么。