如何使用 Javascript 而不是使用背景屬性<img>標簽？

Question

我想使用 Javascript 在特定 div 中加載圖像背景，而不是<img src="">標記。

因為現在帶有<img/>標簽的代碼是：

item.prepend($('<img/>', {src: file[options.baseUrlAttribute] + '' +file[options.pathAttribute]}));

我嘗試過這樣的事情：

item.prepend($('<div style="background:url('file[options.baseUrlAttribute] + ''      
+file[options.pathAttribute]}')no-repeat center center / cover"></div>' ));

但它不起作用並返回錯誤。

使它工作的正確語法是什么？

Answer 1

很容易錯過長連接語句中的拼寫錯誤。 固定代碼是：

item.prepend($('<div style="background:url(' + file[options.baseUrlAttribute] +file[options.pathAttribute]+')no-repeat center center / cover"></div>' ));

或為便於閱讀而分解

const url = file[options.baseUrlAttribute] +file[options.pathAttribute] ;
const tag = '<div style="background:url(' + url + ')no-repeat center center / cover"></div>';
item.prepend(tag);