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

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;