Как сделать так, чтобы у картинки изменился backgroundImage?
<div id='photo' style="background-image: url('img/image.png');"> </div>
<script>
var photo = document.getElementById('photo')
photo.backgroundImage = url('img/image2.png')
</script>
Воспользуйтесь шаблонными строками, чтобы можно было использовать одиночные или двойные кавычки:
var photo = document.getElementById('photo');
photo.style.backgroundImage = `url('img/image2.png')`;
<div id='photo' style="background-image: url('img/image.png');"> </div>
Также такие строки позволяют легко вставлять переменные:
var imagesUrl = ['img/image1.png','img/image2.png','img/image3.png'];
var photo = document.getElementById('photo');
photo.style.backgroundImage = `url('${imagesUrl[1]}')`;
<div id='photo' style="background-image: url('img/image.png');"> </div>