JS document.images属性,获取所有图像元素

images属性

JavaScript DOM中,document.images属性,查找获取当前文档中所有图像元素img,构成元素集合,欲访问集合中的图像img元素,可通过下标,即索引的方式。


语法

document.images

返回值

JavaScript的[object HTMLCollection],一个元素对象集合。


images属性实例代码,及在线编辑器

<img src='../../static/img/test.jpg' style='width:100%;height:50px;' id='image'>
<br><br>
<button onclick='setSize()'>点击设置大小</button>
<script>
  function setSize(){
    var images = document.images;
    images[1].style.height = '100px'
  }
</script>

实例代码解析

iamges的索引之所以设置为1,是因为当前网页中的logo也是图片元素,而该元素的索引为0。



全栈前端 / JavaScript语法 :





















Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.