Ver Mensaje Individual
  #2 (permalink)  
Antiguo 18/03/2012, 12:39
Avatar de zerokilled
zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.050
Antigüedad: 11 años, 1 mes
Puntos: 1485
Respuesta: Consultar atributos de una clase de una hoja de estilo en javascript

¡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>
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.