Código :
<div id="cuadro" style="width=100px; height=50px;"></div>
Cuando las propiedades CSS estan escritas dentro del elemento style de una etiqueta XHML puedo
recuperar el valor de dicha propiedad mediante el DOM:
Código :
function recuperarValor(){
var obj = document.getElementById("cuadro");
alert(obj.style.width);//devuelve "100px"
}Con esto tengo acceso a todas las propiedades de CSS de la etiqueta, pero el problema surge cuando los estilos no estan dentro del elemento style, sino en un archivo externo vinculado mediante el elemento Link:
Código :
//Hoja de estilo externa
#cuadro{
width = "100px";
height = 50px;
}
Por lo que el XHTML sería:
Código :
<div id="cuadro"></div>
Cuando esto es así no consigo acceder a las propiedades con javascript y DOM
function recuperarValor(){
var obj = document.getElementById("cuadro");
alert(obj.style.width);//devuelve "undefined"
}
Esto es porque style hace referencia al atributo style del elemento XHTML, y no a las propiedades de la hoja de estilo externa
Mi pregunta es la siguiente:
¿Es posible referirse a las propiedades CSS con javascript y DOM, de otra forma que no sea utilizandose es elemento style?
Si es posible me alegraria mucho saberlo, ya que asi se pondran todos los estilos en una hoja de estilo externa, lo que facilita mucho la comprension del codigo y la limpieza de este asi como la reutilizacion de dicho codigo.
BOFH Note: Usa las etiquetas de código.
