изменение фонового изображения div с помощью javascript

Question

Мне нужно изменить фон div, когда я наводю курсор на изображение, но каким-то образом оно не определяет изображение, хотя URL отображается в консоли. Я не имею понятия о jQuery. Спасибо.

function upDate(previewPic) {
  var divblock = document.getElementById('image');
  var img = previewPic.src;
  console.log(img);
  divblock.style.backgroundImage = img;
  divblock.innerHTML = previewPic.alt;
}

Answer 1

Вам нужно передать источник изображения с url как divblock.style.backgroundImage = "url('url of the source')";

function upDate(previewPic) {
  var divblock = document.getElementById('image');
  var img = previewPic.src;
  divblock.classList.add('hoverDiv');
  divblock.style.backgroundImage = 'url(' + img + ')';
  divblock.innerHTML = previewPic.alt;
}

function unDo() {}

.hoverDiv {
  width: 500px;
  height: 500px;
  margin-bottom: 20px;
  color:red;
}