Случайный класс

[Axios]

Всем привет. есть блок

<div id="box">
тут будет другая информация
</div>

мне надо, чтоб при обновлении страницы к #box присваивался случайный класс из списка, например

class=box01
class=box02
class=box03
class=box04

нашел похожий скрипт, но чуть не то, а как к диву привязать я не знаю.

+ тому кто поможет

Спасибо.


вот такой скрипт я нашел

<!--
function random_imglink(){
var myimages=new Array()

//Тут прописывается путь к картинке
myimages[1]="/images/banner.jpg"
myimages[2]="/images/banner3.png"

var ry=Math.floor(Math.random()*myimages.length)
if (ry==0)
ry=1
document.write('<img src="'+myimages[ry]+'" border=0>')
}
random_imglink()
//-->

</script>

[devote]

var list = ['class1', 'class2', 'class3'];
document.getElementById('box').className = list[ Math.floor( Math.random() * list.length ) ];

[Axios]

Спасибо за ответ попробую

[Axios]

чего-то не работает

[kobezzza]

Оберните в

window.load = function () { /* тут ваш код */ };

[Axios]

Чего то у меня так и не работает, можешь пример полного хтмл выложить плиз

[ksa]

Ну косинус же! (с)

<style>
div {
   width: 20px;
   height: 20px;
}
.class1 {
   background: red;
}
.class2 {
   background: green;
}
.class3 {
   background: orange;
}
</style>

<div id='box'></div>

<script>
   var list = ['class1', 'class2', 'class3']; 
   document.getElementById('box').className = list[ Math.floor( Math.random() * list.length ) ];
</script>