HTML DOM images 属性

HTML DOM Document对象

images只读属性返回当前文档中嵌入的<IMG>元素的列表。

列表中的元素按照它们在源代码中出现的顺序排序。

语法:

document.images
var x = document.images.length;
测试看看‹/›

浏览器兼容性

所有浏览器完全支持images属性:

属性
images

性质

属性描述
length返回列表中<img>元素的数量

方法

方法描述
[index]返回列表中以给定的从零开始的索引处的特定节点。如果索引号超出范围,则返回null。
item(index)返回列表中以给定的从零开始的索引处的特定节点。如果索引号超出范围,则返回null。
namedItem(id)返回其ID名称与name指定的字符串匹配的特定节点。如果id不存在,则返回null。

技术细节

返回值:一个HTMLCollection提供所有图像的实时列表包含在当前文件内。
DOM版本:DOM级别1

更多实例

本示例浏览图像列表,找到一个名称为“ flower.jpg”的图像:

var imgList = document.images;

for(let i = 0; i < imgList.length; i++) {
if(imgList[i].src.endsWith("flower.jpg")) {
   // found the flower
}
}
测试看看‹/›

HTML DOM Document对象