Стилизация элемента с помощью JavaScript не работает

Question

Я вызываю функцию при нажатии кнопки, которая меняет фон родительского контейнера выбранного элемента.

HTML:

<div class="btn-buy">
           <div onclick="SingleUpgrade(this)"></div>
       </div>

Javascript:

function SingleUpgrade(elem) {
    elem.parentElement.style.backgroundImage = "url('img/panel/btn_buy_pressed.png')";
}

CSS:

.btn-buy {
background-image: url('../img/panel/btn_buy.png');
}

Использование команды console.log(elem.parentElement.style.backgroundImage); подтверждает, что стиль был применен, но, видимо, он не изменился (я все еще вижу изображение не нажатой кнопки). Почему это?

URL-адрес правильный, но я не получаю пустое или разорванное изображение, но оно остается прежним (btn_buy вместо btn_buy_pressed).

Answer 1

У меня нет репутации, чтобы комментировать, поэтому я отвечаю

url в файле javascript должно относиться к этому файлу, а не к файлу html.