Languages
[Edit]
EN

JavaScript - get src of all images on web page

0 points
Created by:
user4838
698

In this article, we would like to show you how to get src of all images on web page using JavaScript.

Quick solution:

or:

 

Practical examples

Edit

1. Using document.images property

Edit

In this example, we use document.images property to get a collection of the images in the current HTML document. Then we iterate the collection using for...of loop to get src of all images.

2. Using querySelectorAll() method

Edit

In this example, we use querySelectorAll() method to get the collection of all images on the web page. Then using for loop we create array of src properties of all images. 

Note:

The findImages() function needs to be executed after window load event or at the end of the script to make sure that all items are loaded before the function execution.

 

See also

Edit
  1. JavaScript - find all images on web page

  2. JavaScript - find all HTML comments

References

Edit
  1. Document.images - Web APIs | MDN
  2. Document.querySelectorAll() - Web APIs | MDN

Alternative titles

  1. JavaScript - how to get all images on particular web page?
  2. JavaScript - get all images on web page
1
Donate to Dirask
Our content is created by volunteers - like Wikipedia. If you think, the things we do are good, donate us. Thanks!
Join to our subscribers to be up to date with content, news and offers.
Native Advertising
🚀
Get your tech brand or product in front of software developers.
For more information Contact us
Dirask - we help you to
solve coding problems.
Ask question.

❤️💻 🙂

Join