参考资料

  1. HTML DOM 改变一个包含在iframe中的文档的背景颜色
  2. HTML DOM 用指定的ID弹出一个元素的innerHTML实例
  3. HTML DOM 返回文档中第一个锚的 innerHTML
  4. HTML DOM 返回文档中的链接数
  5. HTML DOM为表格指定规则
  6. HTML DOM改变下拉列表中被选中的选项的文本
  7. HTML DOM 返回页面上所有相对URL的基URL 实例
  8. HTML DOM 返回image的name

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

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：图像文档属性标签功能元素用法实例选择器样式