问使用JavaScript设置元素样式不起作用
EN

Stack Overflow用户

提问于 2018-06-29 23:24:55

回答 1查看 54关注 0票数 -3

我在按钮点击时调用了一个函数，它改变了被点击元素的父容器背景。

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

票数 -1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/51104993

复制

相似问题

问使用JavaScript设置元素样式不起作用EN