How to get all image elements in a HTML document using Javascript
All image elements
document.images
gets all the img
elements and returns HTMLCollection
storing all images.
Example
<!DOCTYPE HTML>
<html>
<body>
<img id="id1" src="l.png" alt="alt1"/>
<img id="id2" src="a.png" alt="alt2"/>
<script>
var elems = document.images;
for (var i = 0; i < elems.length; i++) {
document.writeln("Image Element: " + elems[i].id);
} <!-- w w w. j a v a2s.c o m-->
var srcValue = elems.namedItem("apple").src;
var altValue = elems.namedItem("apple").src;
document.writeln("Src: " + srcValue);
document.writeln("Alt: " + altValue);
</script>
</body>
</html>