0

JavaScript を使用していくつかの CSS プロパティを変更する必要があります。私が使用する必要がある Web サイトは CMS に基づいており、body 要素を編集してコードを挿入することしかできません。

ページの読み込み時に JavaScript を使用してオンザフライで CSS を変更/上書きする方法があるかどうか疑問に思っていましたか?

現時点では、2 つのプロパティを変更しようとしています (ただし、将来的にはさらに多くのプロパティを変更する可能性があります)。

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>

何か案は？ありがとう。

4

1 に答える 1

5

document.getElementById要素 ID を取ります。

の要素がない限りid="body"、コードは要素を見つけられません。

おそらくdocument.body、常に唯一の<body>要素を返す が必要です。

于 2013-09-09T02:39:04.750 に答える