javascript でcssの値を変更したい

Question

実現したいこと

javascript で背景色を動的に変更したい
class で宣言された背景色を変更したい

現状

document.getElementById('ID名').style.backgroundColor = red;

予想

恐らくこのソースはID属性で設定された背景色を変えることができるが
class で設定されたものはできないのではない？？

#test{
background-color : black;
}

は変更が可能だが

.test{
background-color :black;
}

と定義されているものは変更できない
調べてもよくわからない

Comments

[kei344]

まだ質問が「受付中」になっていますが、「ベストアンサー」を選び「解決済」にされてはいかがでしょうか。

Answer 1

getElementsByClassName()

クラス名はクラス名でとらないととれませんね

---

[JavaScript] 指定したCSSクラス名の全ての背景色を変更する

document.getElementsByClassNameを使うと、指定したクラス名が付けられたオブジェクトが「配列」で取得できます。

Comments

[cutcake]

なるほど、リンク先読みました。ありがとうございます。
クラスの要素の　
`background-color`
を変更する方法はどうすれば良いのでしょうか

お手数ですが教えていただけると幸いです

[azuapricot]

getElementById() と似ているなーとか思いませんでした？

[cutcake]

思いました。

document.getElementsByClassName('test').style.color = '#FFFFFF';

これでうまくいかなかったものでどうすれば良いのか途方にくれていました。

[azuapricot]

「javascript クラス 取得　スタイル　変更」　とかで検索したらいっぱいでてくるんですけどね・・・

回答に追記しました

[cutcake]

ありがとうございました

[cutcake]

document.getElementsByClassName('test’).item(0).style.backgroundColor = '#FFFFFF';

こうしたらうまくいきました。(当然ですが)