Как с помощью javascript создать div ?

[Oggy3010]

Здравствуйте.
Мне нужно в index.html через явускрипт вывести див...сделаный в цсс....
подскажыте как ето делается....вот что я нашол в интернете
//Создаем див
var div = document.createElement('div');

//Вставляем на страницу
body.appendChild(div);

но толком сам не розберусь...

[vadim5june]

window.onload=function(){
var d=document.createElement('div');
d.style.width='200px';
d.style.height='100px';
d.style.background='gray';
document.body.appendChild(d);
}

а что еще надо?
если в css есть class для него то добавьте строчку
d.className='myClass';

[Oggy3010]

как сделать чтобы не прописывать ето в явескрипт

d.style.width='300px';
d.style.height='300px';
d.style.background='gray';

а в файле цсс
.div_one{
position:relative;
float:left;
left:5px;
background-color:red;
width:300px;
height:300px;
}

Как вызвать цсс клас в яваскрипт ?

[Oggy3010]

d.className='myClass';

пробую так :
<SCRIPT LANGUAGE="javascript">

window.onload=function()
{
var
d = document.createElement('div');
d.className='div_one';
document.body.appendChild(d);

}
</script>
невыходит...

[vadim5june]

<style>
.div_one {
position:relative;
float:left;
left:5px;
background-color:red;
width:30px;
height:30px;
}
</style>
<script>
window.onload=function()
{
var 
d = document.createElement('div');
d.className='div_one';
document.body.appendChild(d);
}
</script>

[Oggy3010]

заработало...спасибо)
проблема была в путях к цсс файлу

[Deff]

<style type="text/css">
.div_one{
 position:relative;
 float:left;
 left:5px;
 background-color:red;
 width:300px;
 height:300px;
 }
</style>

<script type="text/javascript">

var d = document.createElement('div');
 d.className='div_one';
 document.body.appendChild(d);

</script>