jQuery: Ancho y alto de un div

6 comentarios

Aprovechando el post anterior, os muestro como conocer las medidas (ancho y alto) en pixeles de un determinado div u otro elemento del documento, utilizando las propiedades width() y height() de jQuery.

En este caso mostraremos un alert con el ancho y alto en pixeles del div con id “midiv”:

$(document).ready(function($){
    var div_ancho = $("#midiv").width();
    var div_alto = $("#midiv").height();
    alert(div_ancho);
    alert(div_alto);
});

Conociendo esto podéis conocer las dimensiones de cualquier elemento dentro de vuestra página web.

  • http://www.e-studio-graph.com ankalago

    gracias por tu aporte loco… :)

  • Alexis

    Muy Buenos tutorialees! ;) ya los voy a poner en practica

  • http://hacemosweb.com Javier

    Muchas gracias!

  • Israelito

    hay como hacer lo mismo pero no con alert, sino con un div que muestre las propiedades según como se redimensione la ventana del navegador?

  • http://www.bufa.es Jorge Maiden

    sería algo así, utilizando window resize():

    $(window).resize(function () {

        var div_ancho = $("#midiv").width();
        var div_alto = $("#midiv").height():

        $('#informacion').html('ancho: '+div_ancho+' - alto: '+div_alto+'');

    });

    En este caso la información de los tamaños la mostraria en un elemento que crees con id “informacion”

  • Eduardo

    Lo intento hacer con un y me retorna como altura 0 o 1.

    Sabes como puedo hacerlo??