js如何改变div背景图片用模板字符串

可以使用ES6的模板字符串来改变div的背景图片。具体来说，可以通过获取div元素的样式对象(style)来设置其backgroundImage属性，将图片路径使用模板字符串的方式来拼接，例如：

let imagePath = 'new-background.jpg';
let div = document.getElementById('myDiv');
div.style.backgroundImage = `url(${imagePath})`;

这个例子中，首先定义了一个变量imagePath，存储了新的背景图片路径。然后使用模板字符串的方式将图片路径拼接到style.backgroundImage属性中。最后获取id为“myDiv”的div元素，设置其背景图片为新路径的图片。

另外，如果需要在不同的背景图片之间进行切换，同样可以使用模板字符串的方式来拼接不同的CSS类，例如：

CSS样式：

.myDiv {
  background-image: url("background1.jpg");
}

.myDiv.another {
  background-image: url("background2.jpg");
}

JavaScript代码：

let className = 'myDiv another';
let div = document.getElementById('myDiv');
div.className = className;

这个例子中，首先定义了一个变量className，存储了需要切换的CSS类名。然后使用模板字符串的方式将CSS类名拼接到div元素的class属性中，这样就可以切换不同的背景图片了。