2016-11-22 29 views
1

使用JavaScript,NO JQUERY 大家好, 背景我知道这是一个基本的,但我打了死胡同。 我想更改.css中的背景图像,而不是html,所以我不能给它一个id。我设法删除使用图像:如何更改在声明的CSS不是HTML

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

并试图:

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

但是did'nt工作。 我不知道如何更改图像,并且在开发工具中,当我尝试运行我的代码时,url甚至没有更改任何帮助都会很棒,谢谢。

+0

可能的[重复数据删除](http://stackoverflow.com/questions/12320329/document-getelementbyid-style-backgroundimage-not-working)? –

回答

2

你很近。你只是关上稍有语法...

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

这是一个样式属性你改变,所以你需要.style,然后使用CSS属性名称,但删除连字符和驼峰属性名称,所以.backgroundImage

0

你可以试试这个

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>