Qué tal,
a lo que estás accediendo es a los estilos establecidos al elemento concreto al cual accedes mediante su id, pero no a las propiedades definidas en la hoja de estilos.
Para que te devolviera algún valor debería encontrarlo definido en el atributo style del elemento al que accedes.
Te pongo un ejemplo:
Código:
<style type="text/cs">
<!--
#pepe{
color: #ff0000;
}
</style>
Y defines el elemento pepe en el documento
<span id="pepe"> pepe </span>
Si ahora le pides un
alert(document.getElementById('pepe').style.color) te devolverá vacío, porque el elemento de id pepe no tiene atributo style definido.
Si luego de esa línea le pides un
document.getElementById('pepe').style.color = '#00ff00'
le cambiará el color al verde. Si le vuelves a pedir un
alert(document.getElementById('pepe').style.color) te devolverá en el alert un #00ff00 porque ahora sí tendrá el atributo establecido.