如何通过 JavaScript 返回文档中第一个图像的 ID?


要返回第一个图像的 id,请使用 JavaScript 中的图像属性。

示例

可以尝试运行以下代码,以返回文档中第一个图像的 ID −

在线演示

<!DOCTYPE html>
<html>
   <body>
      <img id="image1" src="https://tutorialspoint.com/html5/images/html5-mini-logo.jpg">
      <img id="image2" src="https://tutorialspoint.com/hive/images/hive-mini-logo.jpg">
      <img id="image3" src="https://tutorialspoint.com/sas/images/sas-mini-logo.jpg">
      <img id="image4" src="https://tutorialspoint.com/maven/images/maven-mini-logo.jpg">
      <script>
         var val = document.images.length;
         document.write("<br>Number of images in the document: "+val);
         document.write("<br>The id of the first image: "+document.images[0].id);
      </script>
   </body>
</html>

更新于: 2020 年 6 月 23 日

398 次浏览

开启你的 职业生涯

完成课程即可获得认证

马上开始
广告