Hola
xcorpyon ,
JavierB :
xcorpyon : no termino de entender la conexión entre leer el estilo de un elemento y emprolijar hojas de estilo del documento.
Se me ocurrió que quizá tengas una página hecha con algún editor de esos que agregan estilos "por las dudas" y quieras confirmar si hay aplicada una clase (p.e.)
.FOOT{} -aunque no hayas puesto ningún pie de página- para saber si puedes eliminarla o debes pasarla a tu archivo CSS. Pero con listar el total de los atributos
CLASS es suficiente, vas copiando uno por uno desde
STYLE y los que sobran, no sirven.
Aún así, si tienes un
IE5+ a mano, abre este código. Debe haber una docena de formas de hacer el truco (porque es un truco, como ya dijo
JavierB , no se puede extraer un estilo de un objeto si está aplicado con
CLASS), y ésta es solamente una.
Código:
<html>
<head>
<style>
.mi_estilo {
position:absolute;
width:100px;
height:160px;
left:500px;
top:100px;
background:#008800;
}
</style>
</head>
<body>
<script>
var mi_objeto, clase_obj, estilo_doc, texto_clase;
function mi_funcion(obj) {
mi_objeto=obj;
clase_obj=obj.className;
estilo_doc=document.styleSheets[0].cssText;
Todo=estilo_doc.length;
Comienzo=estilo_doc.indexOf(clase_obj)-1;
Fin=estilo_doc.substring(Comienzo,Todo).indexOf("}")+1;
estilo_objeto=estilo_doc.substring(Comienzo,Fin);
alert(estilo_objeto);
}
</script>
<div id="mi_id" onclick="mi_funcion(this);" class="mi_estilo"> </div>
</body>
</html>
saludos
furoya