JavaScriptでCSSの変更

質問

JavaScriptでCSSのclassの内容を変更（例えばcolor:Greenのように）をしたいのですがどのようにすればよいでしょうか。

.message { color:Red; }

<div class="message">あああああ</div>
<div class="message">いいいいい</div>

回答No.1

yambejp · ベストアンサー

たとえばこんな感じで

<style>
.message { color:Red; }
</style>
<script>
function changeColor(class,color){
var all=document.getElementsByTagName("*");
for(var i in all){
if(all[i].className==class) all[i].style.color=color;
}
}
</script>

<div class="message">あああああ</div>
<div class="message">いいいいい</div>
<input type="button" onClick="changeColor('message','red')" value="赤">
<input type="button" onClick="changeColor('message','green')" value="緑">
<input type="button" onClick="changeColor('message','blue')" value="青">

お礼

ありがとうございます！