状況（変数）によってclassを変えるには

質問

<style type=text/css><!--
.sub1 a:hover{color: red;}
.sub2 a:hover{color: blue;}
-->

・・・（省略)・・・
<style type="javascript">
var status = "sub1";
</style>

・・・（省略)・・・

<div id="location1" class="sub1">
<a href="#">この色を変更</a>
</div>
---------------------------
statusの状況によってid="location1"のclassを変えたいと思っています。
statusの状況が"sub2"だったらclassをsub2に、"sub1"だったらclassをsub1に変更したいのです。

こんな事ってできるのでしょうか？ご存知の方、ご教授ください。

回答No.1

BLUEPIXY · ベストアンサー

エレメントオブジェクトのclassName プロパティで設定できます。
例
document.getElementById('location1').className=status;

お礼

ありがとうございます。調べた方が足りませんでした。助かりました。