参考资料

  1. HTML DOM 被按下的键盘键的keycode？
  2. HTML DOM document.write() 方法
  3. HTML DOM改变单元格的内容
  4. HTML DOM 返回一个iframe中的marginwidth属性的值
  5. HTML DOM 返回加载的文档的服务器域名 实例
  6. HTML DOM 元素
  7. HTML DOM write() 和 writeln()的不同实例
  8. HTML DOM 返回一个button的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：图像文档属性标签功能元素用法实例选择器样式