javascript - JavaScript で CSS スタイルを変更する

Question

これにはすでにスレッドがあることは知っていますが、私のニーズに合った答えが見つかりませんでした。外部 JS を使用して外部 CSS を変更しようとしています。私は非常に単純な CSS ボディスタイルを持っています。

html, body{
background-color: black;
color: white;
}

これを JavaScript で変更するには、次のことを試しました。

var bg = document.getElementById("body");
body.style.backgroundColor = white;

しかし、それはうまくいかなかったようです。私はCSSとJavaScriptを組み合わせた経験があまりないので、修正は簡単だと思いますが、答えが見つからないようです. どんな助けでも大歓迎です。

score 6 · Accepted Answer

あなたはたくさんの問題を抱えています

var bg = document.getElementById("body");取得さ<something id="body">れません<body>（ただし、CSSは一致<body>しているため、おそらく変更したいものです）
body.style.backgroundColorbodynotという変数を使用していますbg（これは以前に使用したものです。
= white文字列ではなく、変数の値を割り当てます。white"white"

修正されたコード:

var bg = document.body;
bg.style.backgroundColor = "white";

score 1 · Accepted Answer

間違った変数を使用しています!

var bg = document.getElementById("body");
bg.style.backgroundColor = "white";

score 1 · Accepted Answer

body.style.backgroundColor = white;と置き換えます

body.style.backgroundColor = 'white';

ここで色名は文字列でなければなりません

ボディバックグラウンドカラーを変更するには

 document.body.style.background = 'white';

score 0 · Accepted Answer

あなた<body>は本当に持っていますid="body"か？

本文を選択しdocument.bodyて、色の値に引用符を使用できます。

 document.body.style.backgroundColor = 'white';

または16進数の色

document.body.style.backgroundColor = '#ffffff';

score 0 · Accepted Answer

white一重引用符または二重引用符で囲む必要があります

どこでもvar bg = document.getElementById("body");変数を使用しているとは思わないので、使用する必要はありませんbg

6 に答える 6