使用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更改背景颜色

回答

相关问题