Como sacar el ancho y el alto de un Div solamente con javascript

Iniciado por z3nth10n, 19 Octubre 2012, 22:11 PM

0 Miembros y 1 Visitante están viendo este tema.

z3nth10n

Hola necesito, esto porque necesito calcular el ancho de un div para configurarlo directamente para que se adapte a la pantalla con una solución matemática.

Pero ya he probado con document.getElementById(xxx).offsetWidth y Height y un document.write, y me sale 0. Si le pongo un button, y le hago click si me sale, pero me sale una pantalla nueva en blanco con elnumero..

Necesito ayuda. :S

Interesados hablad por Discord.

Shell Root

Código (javascript) [Seleccionar]

    function fnCalcular()
    {
        var myDiv = document.getElementById("divPoC");
        var _width = myDiv.style.width;
        var _height = myDiv.style.height;
       
        alert( "WIDTH: " + _width + " HEIGHT: " + _height );
    }


Código (html4strict) [Seleccionar]
<div id="divPoC" style="width:130px; height:30px; border:1px solid #000;">
    Hola como est&aacute;s?
</div>
Por eso no duermo, por si tras mi ventana hay un cuervo. Cuelgo de hilos sueltos sabiendo que hay veneno en el aire.

WHK

#2
Talves te resule mas fácil con jQuery:

$('#id_div').width()
$('#id_div').height()
$('#id_div').offset().top
$('#id_div').offset().left


http://jsfiddle.net/8bx9W/

z3nth10n

Cita de: Shell Root en 20 Octubre 2012, 05:58 AM
Código (javascript) [Seleccionar]

    function fnCalcular()
    {
        var myDiv = document.getElementById("divPoC");
        var _width = myDiv.style.width;
        var _height = myDiv.style.height;
       
        alert( "WIDTH: " + _width + " HEIGHT: " + _height );
    }


Código (html4strict) [Seleccionar]
<div id="divPoC" style="width:130px; height:30px; border:1px solid #000;">
    Hola como est&aacute;s?
</div>


Tiene que ser con javascript, pero puede no se con un alert? y sin jquery, ya se que no se manejarlo.

Interesados hablad por Discord.