Question

我需要通过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>

有什么想法吗？感谢。

Answer 1

document.getElementById采用元素ID。

除非您的元素包含id="body"，否则您的代码将找不到任何元素。

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