如何使用对象数组设置背景图像？

Question

我正在尝试使用来自对象数组的图像设置背景......我有一个像这样的对象数组：

const cars= [
  {name: "Toyota", image: "toyota.jpg"},  
  {name: "Ford", image: "ford.jpg"}
];

我想获得丰田图像，即： console.log(cars[0].image);
...所以我尝试创建一个变量： let imageSource = car[0].image;

document.body.style.backgroundImage = imageSource; //不工作...

Answer 1

您需要将图像包装在url() ：

 const cars = [ {name: "Toyota", image: "https://picsum.photos/200/300?1"}, {name: "Ford", image: "https://picsum.photos/200/300?1"} ]; const imageSource = `url(${cars[0].image})`; document.body.style.backgroundImage = imageSource;