JavaScript 获取网页中第一个图片 id 的方法

作者:拾光时间:2026-10-29 08:07:35浏览:350

本文介绍如何使用 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 编程实践中有所帮助。

作者最新文章