通过 JavaScript 更改 CSS 属性答案

【问题标题】：Change CSS properties via JavaScript通过 JavaScript 更改 CSS 属性
【发布时间】：2013-09-09 02:37:49
【问题描述】：

我需要通过 JavaScript 修改一些 CSS 属性。我需要使用的网站是基于 CMS 的，我只能编辑正文元素以注入代码。

我想知道是否有办法使用 JavaScript 在页面加载时即时修改/覆盖 CSS？

目前我正在寻找修改两个属性（但将来可能会更多）：

background-image:url(http://mysite.com/img/bg.jpg);
background-attachment: scroll;

我希望在我打算嵌入此脚本的特定页面上将它们更改为以下内容：

background-image:url(http://mysite.com/img/new_bg.jpg);
background-attachment: fixed;

我试过了，但没有用（记住我只能把它放在页面的正文中）：

<script type="text/javascript">
    document.getElementById("body").style.backgroundImage = 'url(http://mysite.com/img/new_bg.jpg)';
</script>

有什么想法吗？谢谢。

【问题讨论】：

【解决方案1】：

document.getElementById 采用元素 ID。

除非您有一个带有id="body" 的元素，否则您的代码将找不到任何元素。

您可能需要document.body，它总是返回唯一的<body> 元素。

【讨论】：