Lista de estilos

caricatos · #1 (**permalink**) 19/04/2004, 04:52

Hola amigos:

Hice un sencillo script para ver la lista de estilos que admite el tag body de una página. Lo he probado en Mozilla y en Explorer:

<html>
<head>
<script>
function estilos() {
var mostrar = ""
for (estilo in document.body.style) {
mostrar += "document.body.style." + estilo + " = " + eval("document.body.style." + estilo) + "<br />\n";
}
document.body.innerHTML = mostrar;
}
</script>
</head>
<body onload="estilos()">
</body>
</html>

Es curioso ver la cantidad de posibilidades poco conocidas de Mozilla que empiezan por Moz...

Para explorer hay 2 posibilidades cambiando style por runtimeStyle o currentStyle...

... este último muestra los valores que se asignan "por defecto"

También es posible cambiar document.body por cualquier otro elemento.

Espero que les sirva.

Saludos

egaladrie · #2 (**permalink**) 19/04/2004, 17:21

La verdad es que sí que son muy útiles, algunos de ellos no los conocía.
Me encantará descubrir qué cambios introducen en las páginas.
Muchas graciass caricatos por pensar en los demás. ;)

PD. esto nos vienen bien....sobre todo a los que estamos empezando a descubrir este mundillo tan fascinante.

caricatos · #3 (**permalink**) 20/04/2004, 12:49

Hola paisana

:

Tengo una página que te permite ver y modificar todos los estilos y los atributos de una página: http://www.pepemolina.com/DOM/index.html
Es un sistema de marcos con un botón en el marco izquierdo que genera el árbol del documento que hay a la derecha. Hay un más o un menos que permite expandir o contraer el documento, luego se indica la etiqueta, después los atributos (si se pincha aparece un popup con todos los valores y la posibilidad de modificarlos), y por último hay un asterisco que si se pincha aparece otro popup con los estilos más comunes, y también pueden modificarse.

Me ha gustado hacerla, y en muchas ocasiones la uso para ver los resultados de aplicar algunos estilos o atributos.

Saludos