clientWidth y clientHeight returns 0

Question

¿Por qué clientWidth/Height devuelve 0 en IE, Chrome y Safari? pero en Firefox y Opera funciona bien. He utilizado este código:

$(document).ready(function() { 

    var imgs = document.getElementsByTagName('img'); 
    var imgLength = imgs.length; 

    for (var i = 0; i <= imgLength - 1; i++) { 

     var imgWidth = imgs[i].clientWidth; 
     var imgHeight = imgs[i].clientHeight; 

     $('img').eq(i).attr({ 
      width: imgWidth, 
      height: imgHeight 
     }); 

     console.log(imgWidth); 
    } 

    console.log(imgLength); 

}); 

alguna idea? Gracias.

he intentado con window.load con ClientWidth sus obras excelentes para Firefox, Chrome y Opera pero otros no

Answer 1

Creo que sería mejor si se utiliza jQuery para obtener la altura y anchura, ya que funciona bien en todos los navegadores, por lo que su código sería algo como esto: -

$(document).ready(function() { 


    var imgs = $('img'); 
    var imgLength = imgs.length; 

    for(var i=0; i<= imgLength-1;i++){ 

     var imgWidth = imgs[i].width(); 
     var imgHeight = imgs[i].height(); 

     $('img').eq(i).attr({width:imgWidth, height: imgHeight}); 

     console.log(imgWidth); 
    } 

    console.log(imgLength); 

}); 

Answer 2

Si desea obtener dimensiones, incluyendo márgenes y los bordes tratar de usar las funciones de jQuery outerWidth y outerHeight. Deben tener cuidado con las diferencias entre navegadores. http://api.jquery.com/outerwidth/

Si desea obtener solo las dimensiones de los contenidos de un elemento (sin márgenes, bordes, almohadillas) utilice width y height. http://api.jquery.com/width/

Answer 3

Prueba change doctype.
http://forums.asp.net/post/1515655.aspx
No estoy seguro, pero he resuelto este problema.