Hola, llevo unos días haciendo pruebas para manejar capas CSS mediante JavaScript y estoy teniendo problemas. Para asignar valores parece que funciona (por ejemplo, tengo una capa invisible, y cuando ocurre algún evento la hago visible). Pero a la hora de obtener el valor de alguna propiedad tengo problemas, por lo cual por ejemplo mover una capa (lo que supone obtener los valores de posición y modificarlos) me es imposible. Aquí pongo un ejemplo:
Código:
<html>
<head>
<title></title>
<style>
#p {
width:200px;
height:200px;
background-color:red;
}
</style>
<script>
function mostrar() {
document.writeln(document.all["p"].style.width)
}
</script>
</head>
<body>
<div id="p" onMouseOver="mostrar()"></div>
</body>
</html>
Se supone que al pasar el ratón por encima de la capa "p", debería ejecutar "mostrar", que imprime el valor de la propiedad width en el documento. Pero cuando lo ejecuto, no me muestra nada. También he probado usando el método getElementById y pasa igual. ¿Qué estoy haciendo mal?
Por cierto, las pruebas las estoy haciendo con Firefox y Konqueror.