使用JavaScript更改背景顏色

我需要使用Javascript更改其中一個主容器div的背景。最終目標是應用漸變，但我遇到的問題只是更改背景顏色。代碼如下：使用JavaScript更改背景顏色

var main = document.getElementById("main"); 
    main.parentNode.style.maxWidth = 0; 
    main.parentNode.style.maxHeight = 0; 
    main.parentNode.style.margin = "0px"; 
    main.style.backgroundColor = "black";

這就是頁面加載和JS執行時標籤在瀏覽器中的樣子。

<div id="main" style="z-index: 10; position: relative; top: 0px; left: 0px; background-color: black;">

我沒有收到任何JS錯誤。 JS正在執行bc其他代碼運行，並且代碼中的背景顏色已更改，但未呈現。我最關心的瀏覽器是Safari，但我在Chrome中獲得了同樣的效果。任何幫助將非常感激。

編輯：這裏有一個小提琴：http://jsfiddle.net/hz7AR/

來源

2012-11-26 ExceptionLimeCat

你能提供一個演示嗎？ – YMMD

@ExceptionLimeCat代碼似乎很好，我沒有看到任何錯別字或錯誤。在jsfiddle中的演示將有所幫助。 –

你對這個元素有什麼其他的CSS？（在你的樣式表中） – Dogbert

你需要設置的寬度和高度的DIV。目前div有沒有寬度或高度改變你的HTML：

<div id="main" style="z-index: 10; position: relative; top: 0px; left: 0px; background-color: black; height: 100px; width: 100px">

該代碼使得格100×100像素，您可以將其設置爲任何你喜歡的

來源

2012-11-26 20:34:50

我試着給div一個固定的高度和寬度，但沒有工作 – ExceptionLimeCat

它爲我工作檢查出這[jsfiddle鏈接]（http://jsfiddle.net/v3qQa/） –

我有一個語法錯誤。我只需要一個寬度和高度。 – ExceptionLimeCat

你父容器設置爲maxWidth 0和maxHeight 0我覺得有問題

來源

2012-11-26 20:27:14 hereandnow78

使用JavaScript更改背景顏色

回答

相關問題