Ver Mensaje Individual
  #2 (permalink)  
Antiguo 26/10/2004, 05:47
Avatar de Devil Akuma
Devil Akuma
 
Fecha de Ingreso: mayo-2004
Mensajes: 104
Antigüedad: 20 años
Puntos: 0
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
__________________
CINeol has you...