clientWidth và clientHeight trả về 0

Question

Tại sao clientWidth/Height trả về 0 trên IE, Chrome và Safari? nhưng trên Firefox và Opera hoạt động tốt. Tôi đã sử dụng mã này:

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

}); 

bất kỳ ý tưởng nào? Cảm ơn.

Tôi đã thử với window.load với clientwidth công trình của nó tốt cho Firefox, Chrome và Opera nhưng ông khác không

Answer 1

Tôi nghĩ rằng nó sẽ tốt hơn nếu bạn sử dụng JQuery để có được chiều cao và chiều rộng, vì nó hoạt động tốt trong tất cả các trình duyệt, do đó, mã của bạn sẽ là một cái gì đó như thế này: -

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

Nếu bạn muốn để có được kích thước bao gồm cả lợi nhuận và biên giới thử sử dụng JQuery chức năng outerWidth và outerHeight. Họ nên chăm sóc về sự khác biệt giữa các trình duyệt. http://api.jquery.com/outerwidth/

Nếu bạn muốn chỉ nhận kích thước của nội dung phần tử (không có lề, đường viền, phần đệm), hãy sử dụng width và height. http://api.jquery.com/width/

Answer 3

Hãy thử thay đổi loại tài liệu.
http://forums.asp.net/post/1515655.aspx
Tôi không chắc chắn, nhưng tôi đã giải quyết vấn đề này.