在javascript中动态添加图像显示错误

我想在我的代码中动态添加标签和图像。当我添加标签时，它工作正常，但当我尝试添加图像时，它不工作

 for(var i=0;i<output.length;i++){
 var shopname=$("<label id="+output[i].branch_id+">"+output[i].myfavourite+"</label>");
 var shopimage=$("<img id="+output[i].image+" float="left" width="100px"/>");
 $("#id").append(shopname).append(shopimage);
 }

---

for（var i=0；i您在
float=“left”
和
width
中的引号是个问题，因为您使用双引号来包装字符串。您可以像这样对它们进行转义：

var shopimage=$("<img id="+output[i].image+" float=\"left\" width=\"100px\"/>");

var shopimage=$（“您在
float=“left”
和
width
中的引号是问题所在，因为您使用双引号来包装字符串。您可以这样转义它们：

var shopimage=$("<img id="+output[i].image+" float=\"left\" width=\"100px\"/>");

var shopimage=$（“使用单引号而不是双引号使用单引号而不是双引号您没有设置图像的任何
src
属性，因此不会显示任何内容。请尝试添加该属性。var shopimage=$（“”）；仍然无法工作在
src
之前需要一个空格。无论如何，请查看我的编辑以获得更好的方式。即使我给出了图像的大小，图像的大小也不会更改@mrcode@NandhiniDevi在
'margin-left'
周围使用引号，因为它包含一个特殊字符。另外，您没有在小提琴中包含jQuery。工作：您没有设置任何
>图像的src
属性，因此不会显示任何内容。请尝试添加该属性。var shopimage=$（“”）；仍然无法工作在
src
之前需要一个空格。无论如何，请查看我的编辑以获得更好的方式。即使我给出了图像的大小，图像的大小也不会更改@mrcode@NandhiniDevi在
“margin-left”
周围使用引号，因为它包含一个特殊字符。另外，您没有在小提琴中包含jQuery。工作：
var shopname = $("<label></label>")
                   .prop("id", output[i].branch_id)
                   .text(output[i].myfavourite);

var shopimage = $("<img />")
                   .prop("id", "someid")
                   .prop("src", output[i].image)
                   .css({
                       width : '100px;',
                       float: 'left'
                   });

$("#id").append(shopname).append(shopimage);