如何更改在.css中声明的背景而不是html

Question

使用JAVASCRIPT，没有JQUERY大家知道，我知道这是基本的，但是我快要死了。 我想更改.css的背景图像，而不是html中的背景图像，因此我不能给它提供一个id 。 我设法使用以下方法删除了图像：

var headerImg = document.getElementById('header').background = 'none';

并尝试：

 var headerImg = document.getElementById('header').background = 'images/new-header.jpg;

但这没有用。 我不知道如何更改图像，并且在开发工具中，当我尝试运行代码时，URL甚至都不会更改。非常感谢，谢谢。

Answer 1

你近了 您只是略微了解了语法...

document.getElementById("header").style.backgroundImage = "url(images/new-header.jpg)";

这是您要更改的样式属性，因此需要.style ，然后使用CSS属性名称，但要删除连字符和camelCase属性名称，即.backgroundImage 。

Answer 2

你可以试试这个吗

 var element = document.getElementById('content'); element.style.backgroundImage = "url('https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcSzOpUTzDIq2yutn75PQTLcHhJ06MTZPsV_V-0M918xKUhAqMxE')"; 

 <div> <p>this is unchanged</p> <p id="content">backgroud wiil be cange</p> <div>