使用JQuery / javascript獲取圖像大小

Question

請告訴我如何使用jquery或javascript獲取頁面中所有圖像的圖像大小

Answer 1

您可以獲得的唯一大小是可見大小。 clientWidth和clientHeight是執行此操作的兩個DOM屬性。 例：

var image = document.getElementById("id");
var width = image.clientWidth;
var height = image.clientHeight;

如果您使用的是jQuery，則可以簡單地使用$ .width和$ .height ：

var width = $("id").width();
var height = $("id").height();

因此，要獲取所有圖像的大小，請循環遍歷它們：

$("img").each(function()
{
    console.log(this.width());
    console.log(this.height());
});

Answer 2

$('img').each(function() {
   $(this).width(); // current image's width
   $(this).height(); // current image's height
});

Answer 3

請告訴我如何使用jquery或javascript獲取頁面中所有圖像的圖像大小

您可以使用jQuery的width()和height()方法：

$('img').each(function(){
   alert('width=' + $(this).width() + '\nHeight=' + $(this).height());
});

更多信息：