document.getElementsByTagName('img'),如何只获取png图像？

Question

我试图只从dom获取带有png属性的图像,有没有人知道如何做到这一点？

Answer 1

没有安全的方法可以做到这一点.浏览器不会在任何地方显示已加载的图像类型.此外,您甚至无法保证图像URL具有正确的文件扩展名,因为它http://example.com/some/image是一个非常有效的URL.

您可以使用"属性包含"CSS选择querySelectorAll器以及支持它的浏览器获得近似值:

var pngs = document.querySelectorAll('img[src*=".png"]');

找到属性中某处的所有img元素.请注意,这容易受到误报和漏报的影响..pngsrc

IE7或更低版​​本无法使用此方法.