JavaScript中的背景图像样式属性

我试图在JavaScript中引用的div上使用样式标记应用背景图像。我确信这与图像变量的引用有关。任何帮助都将不胜感激

function appendData () {
 var image = "http://domain.com/image.jpg";
 var html = '<div class="itemImage" style="background-image:url(' + image +    ');"></div>';
 $('.container').append(html);
}

函数追加数据（）{
var图像=”http://domain.com/image.jpg";
var html=''；
$（'.container'）.append（html）；
}

函数追加数据（）{
var图像=”http://domain.com/image.jpg";
var html=''；
$（'.container'）.append（html）；
}

函数追加数据（）{
var图像=”http://domain.com/image.jpg";
var html=''；
$（'.container'）.append（html）；
}
我会考虑稍微改变一下你的方法。当然，可以将html附加到容器中，也可以更改itemImage的属性，而无需每次重新写入

如果将itemImage div构建到该容器中，则可以这样做

function appendData () {
  var image = "http://domain.com/image.jpg";
  $(".itemImage").css("background-image", image);
}

我会考虑稍微改变一下你的方法。当然，可以将html附加到容器中，也可以更改itemImage的属性，而无需每次重新写入

如果将itemImage div构建到该容器中，则可以这样做

function appendData () {
  var image = "http://domain.com/image.jpg";
  $(".itemImage").css("background-image", image);
}

您还应该标记jQuery，因为您在最后一行中使用了它：）itemImage的CSS是什么？我很想知道div的高度和宽度。还可以尝试用双引号将url括起来：url（“+image+”）。猜测：这是一个跨原点问题吗？您是否检查过图像是否比您放入的div大？可以渲染它，但由于大小的原因，您可能只能看到它周围的一小部分空白空间。显示它应该像假设没有cors或背景大小问题一样工作。您也应该标记jQuery，因为您在最后一行中使用了它：）itemImage的CSS是什么？我很想知道div的高度和宽度。还可以尝试用双引号将url括起来：url（“+image+”）。猜测：这是一个跨原点问题吗？您是否检查过图像是否比您放入的div大？可以渲染它，但由于大小的原因，您可能只能看到它周围的一小部分空白空间。显示它应该像假设没有cors或背景大小问题时那样工作marco-Perfect。谢谢我可以在6分钟内接受答案：）马可-完美。谢谢我可以在6分钟内接受答案：）我从来没有想过，这是一些很好的建议。谢谢约翰：）没问题！我尽量避免插入HTML，我从来没有想过，这是一些好的建议。谢谢约翰：）没问题！我尽可能避免插入HTML。