Contenido de propiedad CSS

messer · #1 (**permalink**) 22/05/2008, 14:40

Hola!

Como puedo saber el contenido de cada propiedad CSS de cualquier elemento?

Espero me entiendan, Saludos!!

Saruman · #2 (**permalink**) 22/05/2008, 15:53

Que tal.
Esto te calcula el total de estilos que tenga un objeto, pero no funciona en IE (es lo unico

)

Código HTML:

<div id="test" style="color:#000000;font-family:Arial, Helvetica, sans-serif; font-size:11px;"></div>

Código PHP:

  var obj = document.getElementById('test');
    if (obj) {
        var t = obj.style.length;
        alert(t);
    }

en IE manda "undefined". Si alguien quiere aportar bienvenido!

Saludos

Panino5001 · #3 (**permalink**) 22/05/2008, 22:38

A ver si te sirve:

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<title>test</title> 
</head> 
 
<body> 
<div id="test" style="color:#000;font-family:Arial, Helvetica, sans-serif; font-size:11px;border: 1px dashed #F00"></div> 
 
<script> 
var st=document.getElementById('test').style; 
for (i in st){ 
if(st[i] && st[i].length>0 && typeof st[i]!='function'){ 
    document.getElementById('test').appendChild(document.createTextNode(i+':'+st[i])); 
    document.getElementById('test').appendChild(document.createElement('br')); 
    } 
} 
</script> 
</body> 
</html>

messer · #4 (**permalink**) 23/05/2008, 09:00

Panino, tu codigo funciona, pero solamente si la capa recibe los estilos directamente con style="" pero si los estilos estan en una hoja de estilos no funciona..

Me gustaria hacerlo desde la hoja de estilos. Saludos!

JavierB · #5 (**permalink**) 23/05/2008, 09:11

Hola messer

A ver si esta página te sirve de ayuda:

Leer Css externo

Saludos,