JavaScript HTML DOM images 集合

• 

  HTML DOM images 集合

  document.images集合返回文档中所有<img>元素的集合。

  注意：集合中的元素按源代码中的显示进行排序。

  注意：图像集合不返回type=“image”的<input>元素集合。

  实例：

  找出文档中有多少<img>元素：

  var x = document.images.length;
  

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  集合
  images	支持	支持	支持	支持	支持

• 

  语法

  document.images
• 

  属性

  属性	描述
  length	返回集合中<img>元素的数量。注意：此属性是只读的

• 

  方法

  方法	描述
  [index]	返回具有指定索引的集合中的<img>元素（从0开始）。注意：如果索引号超出范围，则返回null
  item(index)	返回具有指定索引的集合中的<img>元素（从0开始）。注意<：如果索引号超出范围，则返回null
  namedItem(id)	返回具有指定标识的集合中的<img>元素。注意：如果id不存在，则返回null

• 

  技术细节

  项目	描述
  返回值：	一个HTMLCollection对象，表示文档中的所有<img>元素。集合中的元素按照它们在源代码中的显示进行排序
  DOM版本	Core Level 3

• 

  更多例子

  获取文档中第一个<img>元素（索引0）的URL：

  var x = document.images[0].src;
  

  尝试一下

  获取文档中第一个<img>元素（索引0）的URL：

  var x = document.images.item(0).src;
  

  尝试一下

  获取文档中带有id=“myImg”的<img>元素的URL：

  var x = document.images.namedItem("myImg").src;
  

  尝试一下

  遍历文档中的所有<img>元素，并输出每个图像的URL（src）：

  var x = document.images;
  var txt = "";
  var i;
  for (i = 0; i < x.length; i++) {
    txt = txt + x[i].src + <br>";
  }
  

  尝试一下
• 

  相关页面

  HTML 参考 HTML <img> 标签

  HTML 教程 HTML 图像