clientWidth和clientHeight返回0

Question

爲什麼clientWidth/Height在IE，Chrome和Safari上返回0？但在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); 

}); 

有什麼想法嗎？謝謝。

我試圖用clientwidth其作品罰款的Firefox，Chrome和Opera window.load但他沒有別人

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

嘗試更改文件類型。
http://forums.asp.net/post/1515655.aspx
我不確定，但我解決了這個問題。