我想根据图像宽度和高度仅从HTML DOM加载某些图像。如何使用Javascript获取图片的宽度和高度?
我不知道如何使用JavaScript访问图像的宽度和高度属性。
这必须在任何浏览器下运行。
我的应用程序是一个书签,因此所有图像都会在用户启动书签时加载。所以,我只会扫描DOM,获取所有img srv值,并使用它们。诀窍是我不想要所有的图像,只是符合我想要的尺寸的图像。
我有这样的代码,到目前为止,它得到所有从DOM图像:
var imgObj = document.getElementsByTagName('img');
for(var i=0;i<imgObj.length;i++)
{
imgsList[i] = imgObj[i].getAttribute('src');
if(consoleLog)console.log(imgsList[i]);
}
return images = imgObj.length;
我的问题已经在这里解决:How to get image size (height & width) using JavaScript?
但我不知道如何去适应我的代码的img .clientWidth
它是imgsList [i] .clientWidth?
你是什么意思“仅加载HTML DOM中的某些图像”?你的图片加载了吗? – 2012-07-17 12:21:18
是的,请写出答案;在那个地址,没有找到答案。 – 2012-07-17 12:22:07
是的,他们被加载,我需要重新加载,只有一些,基于图像的高度和宽度。 – 2012-07-17 12:22:58