我在按钮点击时调用了一个函数,它改变了被点击元素的父容器背景。
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);
确认样式已经应用,但显然没有改变(我仍然看到未按下的按钮图像)。为什么会这样呢?
网址是正确的,事实上,我没有得到一个空的或损坏的图像,但它保持不变(btn_buy而不是btn_buy_pressed)。
发布于 2018-06-29 23:35:06
我没有名气来评论,所以我回答
javascript
文件中的url
应该相对于该文件,而不是相对于html
文件。
https://stackoverflow.com/questions/51104993
复制相似问题