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,