javascript - 使用 JavaScript 更改背景颜色

标签 javascript html css background-color

我需要用 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/

最佳答案

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

关于javascript - 使用 JavaScript 更改背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13572536/

相关文章:

javascript - 闭包究竟如何记住它的词法范围?

javascript - Vuex 操作无法正常工作。显示错误 "signInWithEmailAndPassword failed: First argument "email"must be a valid string"

javascript - 使用 javascript 存储(和检索!)特定于 dom 元素的数据的最佳方式

javascript - 如何在特定时间的视频时间线上应用CSS标记

javascript - 将 ExtJS 表单放在 javascript 方法调用上

css - 使用溢出-y : hidden or overflow-x: hidden to only hide one side of an element

html - 在 div 中启用滚动条

javascript - 使用 javascript 检测页面上的 XHR

Javascript - Vuejs - 自动整页平滑滚动

css - 用填充和边距使图像连续排列