¡buenas!
no está muy claro que exactamente quieres hacer, si leer el valor computado de un elemento o si trabajar directamente con las reglas de una hoja de estilo. me explico... cuando lees el objeto
style desde un elemento,
style representa un objeto CSSStyleDeclaration en base al
atributo style del elemento. de modo que si no tienes ningún atributo style, todas las propiedades en
style están vacías. ahora, tu puedes determinar qué valor tendría las propiedades según las condiciones actuales en como el navegador ha "renderizado" el elemento. para ello, puedes utilizar la función
getComputedStyle; para iexplorer utilizas la propiedad
currentStyle en lugar de
style. en todo caso, en ninguna de las dos formas puedes modificar el valor computado, pues las propiedades son read-only.
si realmente quieres trabajar con la hoja de estilo, entonces tienes que usar la interfaz
document.styleSheets. dicho objeto es una lista de todas las hojas de estilos cargada en el documento. cada una de las hojas de estilos muestra las reglas definidas y sus propiedades. en este método puedes modificar los valores. un ejemplo de como se accesa a la primera regla del primer stylesheets en el documento.
Código:
<!-- asumiendo que este es el primer stylesheet -->
<style type="text/css">
body{
background: black;
color: white;
}
</style>
<script type="text/javascript">
document.styleSheets[0].cssRules[0].style.background = "#9CF";
// styleSheets[0], primera hoja de estilo
// cssRules[0], primera regla de la hoja
// style, declaracion de las propiedades css
</script>