如何让javascript编辑css文件中的背景图片

我有一个按钮，我想改变当前的背景，但不知道如何让javascript知道我的类是什么，我的背景图片是在css中设置的。我找到了一种方法，将类更改为header，但这并不是我真正想要做的。sry用于草率编码

<script type="text/javascript">
    function ps() {
        var bg = document.getElementsByTagName('headBack')[0];
        bg.style.backgroundImage= 'url(background.jpg)';
    }
</script>
<header class="headBack">

</header>
<div class="slideButtons">

<ul>
    <li class="active">
        <button class="button" onclick="ps()"></button>
    </li>
</ul>

---

您需要使用

document.getElementsByClassName

而不是

document.getElementsByTagName

，以满足您的需求

 function ps() {
        var bg = document.getElementsByClassName('headBack')[0];
        bg.style.backgroundImage= 'url(background.jpg)';
    }

---

bg.style.backgroundImage=“url（'background.jpg'）”；试试这个。谢谢你，这很有道理。我一到家就试试！

 function ps() {
        var bg = document.getElementsByClassName('headBack')[0];
        bg.style.backgroundImage= 'url(background.jpg)';
    }