Funciones - Cambio de estilos css en javascript

[ShadowRock]

Hola bueno les explico, tengo un div de 800 px con el id ( Novedades ),
dentro del mismo hay varios divs con la clase ( Novedad )(Bastante original diria yo. )

y aparte 3 botones donde les doy la ilucion de controles , estos botones arian de ... alineacion de los divs Novedad.

En realidad son 3 funciones javascript que cambian los estilos de las cajas pero no me funcionan :S por que?

Código Javascript:

function Solo(){
    
    var Novedades = document.getElementById('Novedades');
    var Novedad = document.getElementsByClassName('Novedad');
    var Detallado = document.getElementById('Detallado');
    
    Novedades.style="width:800px; text-align:middle;";
    Novedad.style="margin-bottom:50px; display:block; width:400px; margin:8px; margin-left:175px;";
    Novedad.style.img="width:200px; margin:5px;";
    Detallado.style="color:#444; margin-top:25px; margin-bottom:50px; display:block; text-align:left;";
}
 
function Dos(){
    
    var Novedades = document.getElementById('Novedades');
    var Novedad = document.getElementsByClassName('Novedad');
    var Detallado = document.getElementById('Detallado');
    
    Novedades.style="width:800px; text-align:left;";
    Novedad.style="margin:10px; padding-left:25px; padding-right:25px; margin-bottom:50px; display:inline-block; width:325px;";
    Novedad.style.img="width:200px; margin:5px;";
    Detallado.style="color:#444; margin-top:25px; margin-bottom:50px;";
}
 
function Tres(){
    
    var Novedades = document.getElementById('Novedades');
    var Novedad = document.getElementsByClassName('Novedad');
    var Detallado = document.getElementById('Detallado');
    
    Novedades.style="text-align:left;";
    Novedad.style="margin-bottom:50px; display:inline-block; width:250px; margin:8px;";
    Novedad.style.img="width:200px; margin:5px;";
    Detallado.style="display:none;";
}
 

[lukas4]

porque no creas mejor las clases y les pones nombre, y ya las cambias de esta manera:

Código Javascript:

document.getElementById("idElement").setAttribute("class", "nombreDeLaClase");
 

fuente:http://woork.blogspot.com/2008/01/ch...avascript.html