clientWidth и clientHeight возвращает 0

Question

Почему clientWidth/Height возвращают 0 на IE, Chrome и Safari? но в Firefox и Opera отлично работает. Я использовал этот код:

$(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); 

}); 

любая идея? Благодарю.

Я попытался с window.load с clientwidth его отлично работает для Firefox, Chrome и Opera, но он другие не

Answer 1

Я думаю, что было бы лучше, если вы используете JQuery, чтобы получить высоту и ширину, как она работает отлично во всех браузерах, так что ваш код будет выглядеть примерно так: -

$(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

Если вы хотите, чтобы получить размеры, включая маржу и границы попробовать с помощью функций Jquery outerWidth и outerHeight. Они должны позаботиться о различиях между кроссбраузерами. http://api.jquery.com/outerwidth/

Если вы хотите получить только размеры содержимого элемента (без полей, границ, прокладок), используйте width и height. http://api.jquery.com/width/

Answer 3

Попробуйте изменить doctype.
http://forums.asp.net/post/1515655.aspx
Я не уверен, но я решил эту проблему так.