本文介绍如何使用 JavaScript 的 document.images 集合获取网页中所有图片，并提取第一个图片的 id 属性。通过 document.images[0].id 即可实现，适用于需要动态识别页面首图标识的场景。
JavaScript 获取第一个图片 ID 方法
本文通过具体示例展示如何利用 JavaScript 获取网页中首个图片元素的 id 属性，供读者参考借鉴。
实现思路是借助 document.images 属性获取页面内所有图片构成的集合，随后直接访问该集合中索引为 0 的元素，即第一个图片，并读取其 id 属性值。
<!DOCTYPE html>
<html>
<body>
<img id="klematis lilac" border="0" src="klematis.jpg"
width="148" height="112">
<img id="klematis pink" border="0" src="klematis2.jpg"
width="149" height="118">
<p>Id of first image:
<script>
document.write(document.images[0].id);
</script></p>
</body>
</html>实际运行效果如下所示：
Id of first image:klematis lilac希望本文提供的解决方案能对各位在 JavaScript 编程实践中有所帮助。