javascript - 使用 JavaScript 更改背景颜色

Question

我需要用 Javascript 更改我的一个主要容器 div 的背景。最终目标是应用渐变，但我在更改背景颜色时遇到了问题。这是代码:

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 中得到了同样的效果。任何帮助将不胜感激。

编辑:这是一个 fiddle :http://jsfiddle.net/hz7AR/

Answer 1

您正在将父容器设置为 maxWidth 0 和 maxHeight 0。我认为存在问题