如何更改在.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>