mostrar div en display:none no funciona con javascript

[roboty]

Intento mostrar un div que esta en display:none y pasarlo a display:block, pero no funciona, sin embargo si coloco en el div el atributo style si que funciona:

asin funciona:

Código HTML:

<div id="capa-oculta" style="display:none"></div>
 

no funciona

Código CSS:

#capa-oculta{
   display:none;
}
 

el javascript seria algo asin:

Código Javascript:

if(document.getElementById("capa-oculta").style.display=='none'){
    alert("none");
}else{
   alert("block");
}
 

como puedo hacer que funcione poniendo el display:none en las hojas de estilo?
saludos.

[ocp001a]

¿La pregunta es para que funcione en js o en css? por que estás en la sección js, y en tal caso debería funcionar con esto:

document.getElementById("capa-oculta").style.display='none'; //para ocultar
document.getElementById("capa-oculta").style.display='block'; //para mostrar

Respecto al css, deberías verificar que no tengas dentro de tu hoja de estilos alguna propiedad que contradiga lo que quieres. Esto lo puedes revisar con firebug en firefox o bien con la depuración en algún browser basado en chromium.

[roboty]

bueno realmente no se si es javascript o css respecto a mi fallo, pero diria que javascript, yo si miro el codigo fuente veo esto:

Código HTML:

<div id="capa-oculta"></div>
 

y el css asin:

Código CSS:

#capa-oculta{display:none;}
 

en cambio cuando llamo a la funcion algo asin:

Código Javascript:

if(document.getElementById("capa-oculta").style.display=='none'){
        document.getElementById("capa-oculta").style.display='block';
    }else{
       document.getElementById("capa-oculta").style.display='none';
    }
 

en cambio si llamo a la funcion y miro el codigo fuente me sale esto:

Código HTML:

<div id="capa-oculta" style="display:none"></div>
 

Despues evidentemente ya me funciona bien en la primera llamada al js lo que me hace es añadirme el estilo en el tag y yo quiero que me lo cambie en la hoja de estilo y que funcione claro.

Saludos.

[roboty]

Perdonar me acabo de dar cuenta porque me pasa, tanto rato pensando y despues es algo tan basico y simple, en el momento que javascript hace la llamada en el codigo fuete no existe ese atributo ya que lo ocultaba con css, no hay otra forma que añadirle el estilo directamente al tag.

Saludos.