使用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文件。