javascript - 通过 JavaScript 更改 CSS 属性

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>

有任何想法吗？谢谢。

score 5 · Accepted Answer

document.getElementById接受一个元素 ID。

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

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

1 回答 1