Hola a tod@s....
Tras el post que puse ayer.. logré solucionarlo de una forma bastante "pofessional".
A continuación pongo el codigo que usé para ello:
Código:
var theRules = new Array();
var laClaseQueBusco = "claseInput";
if (document.styleSheets[1].cssRules) // Comprobación de reglas de Estilos en Firefox
{
theRules = document.styleSheets[1].cssRules
}
else
{
if (document.styleSheets[1].rules) // Comprobación de reglas de Estilos en Internet Explorer
{
theRules = document.styleSheets[1].rules
}
}
for(elem in theRules) // Recorro las reglas de estilos CSS
{
if(typeof theRules[elem] == "object") // si el elemento que estoy recorriendo es un Objeto..
{
for(elem2 in theRules[elem]) // Recorro el objeto
{
if(theRules[elem].selectorText == "." + laClaseQueBusco) // Si la clase que estoy recorriendo es la que deseo buscar...
{
if(elem2 == "style") // Si dentro de la clase estoy en el objeto STYLE
{
foundedClass = true;
theStyle = theRules[elem][elem2];
}
}
}
}
}
alert("Familia = " + theStyle.fontFamily + "\nTamaño de letra = " + theStyle.fontSize + "\nColor de Fuente = " + theStyle.color)
En la variable
theStyle tengo ya el Estilo del elemento que deseo.
Ahora puedo trabajar con ello de la manera que quiera
Espero que a vosotros también os pueda ser util.
Muchas gracias y un saludo
