Leer atributos de un CSS desde Javascript?

Devil Akuma · #1 (**permalink**) 26/10/2004, 04:02

Necesito leer ciertos atributos desde Javascript. Tengo entendido que se puede, pero no tengo ni idea de cómo hacerlo... El caso es tenemos un proyecto de web entre manos donde utilizamos un menú de libre distribución. Es el menú perfecto, pero necesitamos que sea modificable a través de los estilos. Los colores son asignados dentro del js mediante asiganciones con #FFFFF (p.ej.)

Según me han dicho, es posible leer atributos del CSS desde Javascript, así podría cargar por ejemplo el atributo background-color y asignarselo a pelo a la variable que antes me apuntaba al #FFFFF.

¿Alguien tiene alguna idea?

Gracias!

Devil Akuma · #2 (**permalink**) 26/10/2004, 05:47

Ya está es bastante sencillo :P

Código:

<html>

<head>
<title>Prueba de Acceso a CSS desde Javascript</title>
<LINK href="default.css" type="text/css" rel="stylesheet">

</head>

<body onload="fInici();">

<SCRIPT LANGUAGE="JavaScript">
	function fInici(){

		if (document.styleSheets[0].rules){
		
		alert("Numero de clases dentro del estilo: "+document.styleSheets[0].rules.length);
		alert("Color de la primera clase: " +document.styleSheets[0].rules[0].style.color);
	}	

}
</SCRIPT>

</body>
</html>

Se puede usar tanto con CSS importados (como aquí) como puestos a pelo con los tags <STYLE>
Este ejemplo en concreto sólo funciona con IE, con Mozilla habría que substituir el rules, por CSSrules... Es fácil hacier un if para que funcione en ambos ;)

Un saludo