从javascript对象中获取一个src-img，并将其放入HTML中

Take a src img from a javascript object and put it in HTML

本文关键字：HTML src-img 获取 对象 javascript 一个      更新时间：2023-09-26

我正在开发一个程序，该程序从数组中拾取对象并向div显示图片。我如何从对象中获取图片并显示它？我在想这样的事情，但似乎不起作用。

var pizza = {
crust: bread,
topping: sauce,
imgURL: 'www.pizza.com'
} 
$('#mydiv').append(pizza.imgURL);

你试过这个吗？

$('#mydiv').append('<img src="' + pizza.imgURL + '"/>');

这会在#myDiv中添加一个图像，并根据披萨对象

设置其图像源url

一个可靠的解决方案是通过jQuery创建元素，将其src设置为pizza.imgURL，并将元素传递给append()方法。这样可以确保正确地转义URL（这应该不是问题，但肯定是可能的）。

这里有一个jsFiddle来证明这是有效的。然而，当然，图像不会加载，因为它不是一个有效的图像URL。

var pizza = {
    crust: bread,
    topping: sauce,
    imgURL: 'www.pizza.com'
} 
$('#mydiv').append($('<img>').prop({
    src: imgURL,
    // don't forget your alt attribute!
    alt: 'pizza'
}));
相关文章：