Hola salvica
Para saber la altura puedes utilizar la propiedad offsetHeight y anchura offsetWidth
Te envio este ejemplo:
Código PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Obtener altura y anchura de una imagen</title>
</head>
<body>
<div id="obj"></div>
<script type="text/javascript">
function getD(e){
var refObj = document.getElementById("obj")
// obtemos el objeto que ha desencadenado el evento
var getObj = window.Event? e.target : event.srcElement;
// Si no es una imagen el objeto que ha desencadenado el evento
if(getObj.tagName!="IMG") {
refObj.innerHTML = "<b>Haz clic para añadir o eliminar la imagen." +
"<br>Pasa el ratón sobre la imagen para ver la altura y la anchura de la imagen.<\/b>"
}
else{
//Si hemos llegado aquí el objeto es una imagen, obtemos la anchura y altura
refObj.innerHTML = "La altura es " + getObj.offsetHeight + "<br>La anchura es " + getObj.offsetWidth
}
}
// Obtenemos la referencia de la etiqueta body
var getbody = document.getElementsByTagName("body");
function create_obj(e,d){
var e = window.Event? e : event;
// Comprobamos si el elemento esta creado si no es asi lo creamos
if(!document.getElementById(d)){
// creamos el nuevo elemento
var imagen = document.createElement("img");
// añadimos las propiedades
imagen.src = "images/photo2.jpg";
imagen.id = d;
imagen.style.position = "absolute";
imagen.style.left = e.clientX + 20;
imagen.style.top = e.clientY;
//añadimos el elemento creado
getbody[0].appendChild(imagen);
return false;
}
//Si hemos llegado hasta aquí eliminamos el elemento
else{
getbody[0].removeChild(document.getElementById(d));
return false;
}
}
document.onmouseover=getD
// Si es N6+ utilizamos addEventListener para poder pasar varios argumentos
if(window.Event){
document.addEventListener("mouseup",function(event){create_obj(event,"ad")} ,false)
}
// Si es IE5+
else{
document.onmouseup = function(event){create_obj(event,"ad")}
}
</script>
</body>
</html>
El script utiliza algunas de las nuevas propiedades y métodos Dom nivel 1, estoy estudiandolo ahora.
Espero que te sea util.
Un saludo
