[問題] 新手發問

[ourear (風的終點)]

以下是我片段的CSS

<style type="text/css">
<!--
body {font-family:"新細明體"; line-height:20px; margin:0 auto;}
.word a {font-size:12px; color:#333333; line-height:20px;}
.word a:hover {color:#cc3333;}
.text {color:#333333; font-size:12px; line-height:20px; border:2px solid; border-color:#33667f #4c99be #4c99be #33667f;}
.right {font-size:12px; color:#66cc00;}
.mistake {font-size:12px; color:#ff0000;}
.repeat {font-size:12px; color:#ff6600;}

.
.
.
.
.
</style>

在來假設我有個欄位是
<span id="message02" class="mistake"></span>

請問 有辦法用javascript 去控制 class裡的值嗎

譬如說 我想要經過某某觸發後 變成 class="repeat" 這樣

我有試過  document.getElementsByID('message01').class="xxxx"

不過這樣 好像無法變化.

新手發問 還請高手賜教 . 謝謝

--
※ 發信站: 批踢踢實業坊(ptt.cc) 
◆ From: 61.57.135.216
推 yudian:document.getElementById('message01').className="xxxx";
推 ourear:感謝. .