JavaScript method to get the first image id in a web page

2020-05-26 07:42:58
OfStack

This article illustrates how JavaScript gets the first image id from a web page. Share with you for your reference. The details are as follows:

The code below gets all the images in the web page through document.images, and then gets the id property for the first image


<!DOCTYPE html>
<html>
<body>
<img id="klematis lilac" border="0" src="klematis.jpg" 
width="148" height="112">
<img id="klematis pink" border="0" src="klematis2.jpg" 
width="149" height="118">
<p>Id of first image:
<script>
document.write(document.images[0].id);
</script></p>
</body>
</html>

The results are as follows:


Id of first image:klematis lilac

I hope this article has been helpful to your javascript programming.