参考资料

  1. HTML DOM在下拉列表中选择多个选项
  2. HTML DOM 返回图像映射某个区域的替代文字实例
  3. HTML DOM获得下拉列表的选项数量
  4. HTML DOM 导航节点关系
  5. HTML DOM 返回图像映射的某个区域的port 实例
  6. HTML DOM 返回文档的完整的URL实例
  7. HTML DOM 哪个鼠标键被点击了？
  8. HTML DOM 用指定的ID弹出一个元素的innerHTML实例

HTML DOM 返回文档中第一个图像的ID

功能

document.images[0].id 用于获取文档中第一个 <img> 元素的 ID 属性值。

标签

<img> 标签

用法

var firstImageId = document.images[0].id;

实例

<!DOCTYPE html>
<html>
<head>
    <title>获取第一个图像ID示例</title>
</head>
<body>
    <img id="logo" src="logo.png" alt="公司Logo">
    <img id="banner" src="banner.jpg" alt="促销广告">
    
    <script>
        var firstImgId = document.images[0].id;
        console.log("第一个图像的ID是: " + firstImgId); // 输出: 第一个图像的ID是: logo
    </script>
</body>
</html>

CSS 扩展

可以通过 ID 选择器为图像添加样式：

#logo {
    width: 200px;
    height: auto;
    border: 1px solid #ccc;
    margin: 10px;
}

注意事项

  • 如果文档中没有图像，document.images[0] 将返回 undefined

  • 如果第一个图像没有设置 ID 属性，将返回空字符串

  • document.images 是包含文档中所有图像的集合

TAG：图像文档属性标签功能元素用法实例选择器样式