modificare il background di un'area con javascript

[rickysub]

Scusate ma non riesco a settare il background di una sezione della mia pagina ecco l'esempio:

<STYLE>.classe1 {
DISPLAY: none; COLOR: #ffffff; BACKGROUND-COLOR: #ffffff
}
.classe2 {
DISPLAY: none; COLOR: #ffffff; BACKGROUND-COLOR: #ffffff
}
.classe3 {
DISPLAY: none; COLOR: #ffffff; BACKGROUND-COLOR: #ffffff
}
.classe4 {
DISPLAY: none; COLOR: #ffffff; BACKGROUND-COLOR: #ffffff
}
BODY {
MARGIN-TOP: 150px
}
</STYLE>
<SCRIPT type=text/javascript>.......

colore = "#"+exa[f]+exa[f]+exa[f]+exa[f]+exa[f]+exa[f]
with(stile[3].style) {
fontSize = "20px"
fontFamily = "verdana"
display="inline"
color ="colore";
}

Ho provato con bgcolor ="#FF0000" ma non funziona...
Qualcuno di voi guru mi può aiutare????

[floyd]

la sintassi dovrebbe essere
document.all["layer name"].style.attributeName(color) = value;
document.getElementById("layer name").style.attributeName(color) = value;

[rickysub]

Scusa ho fatto un po di prove e ho ottenuto i seguenti risultati
bg = Value --> nessuno
bgColor = Value --> nessuno
background = Value --> errore
sapresti dirmi qual'è l'attributo se si volesse cambiare il background impostato in una classe?
Grazie 1000

[Xinod]

document.getElementById("ID_livello").style.backgr oundColor = '#ff0000';
ciao