Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> Javascript

จะคืน id ของภาพแรกในเอกสารด้วย JavaScript ได้อย่างไร


หากต้องการส่งคืน id ของรูปภาพแรก ให้ใช้คุณสมบัติ images ใน JavaScript

ตัวอย่าง

คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อส่งคืน id ของรูปภาพแรกในเอกสาร -

<!DOCTYPE html>
<html>
   <body>
      <img id="image1" src="https://www.tutorialspoint.com/html5/images/html5-mini-logo.jpg">
      <img id="image2" src="https://www.tutorialspoint.com/hive/images/hive-mini-logo.jpg">
      <img id="image3" src="https://www.tutorialspoint.com/sas/images/sas-mini-logo.jpg">
      <img id="image4" src="https://www.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>