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

Javascript 如何更改在.css而不是html中声明的背景,javascript,html,css,Javascript,Html,Css,使用JAVASCRIPT,无JQUERY 大家好, 我知道这是一个基本的问题,但我正在走向死胡同。 我想更改.css中的背景图像,而不是html中的背景图像,因此我无法给它一个id。我使用以下方法成功删除了该图像: var headerImg = document.getElementById('header').background = 'none'; 并尝试: var headerImg = document.getElementById('header').background = '

使用JAVASCRIPT,无JQUERY 大家好, 我知道这是一个基本的问题,但我正在走向死胡同。 我想更改
.css
中的背景图像,而不是
html
中的背景图像,因此我无法给它一个
id
。我使用以下方法成功删除了该图像:

var headerImg = document.getElementById('header').background = 'none';
并尝试:

 var headerImg = document.getElementById('header').background = 'images/new-header.jpg;
但那不管用。
我不知道如何更改图像,在开发工具中,当我尝试运行代码时,url甚至都不会更改。任何帮助都会很好,谢谢。

你很接近了。你只是稍微偏离了语法

document.getElementById("header").style.backgroundImage = "url(images/new-header.jpg)";
这是您正在更改的样式属性,因此您需要
.style
,然后使用CSS属性名称,但删除连字符和camelCase属性名称,因此
.backgroundImage

您可以尝试一下吗

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

这是不变的

背景将是

可能吗?