Calcular el numero de imágenes con JavaScript

Otra de las cosas que podemos hacer manipulando el DOM de una página web y apoyándonos en JavaScript es poder calcular el número de imágenes que tenemos cargadas en la página.

Incluir imágenes en la página

Lo primero que vamos a hacer es poner unas cuantas imágenes en nuestra página HTML. Para ello nos apoyamos en la etiqueta img. Veamos como sería el código:

<img src="imagen1.jpg" alt="Imagen 1">
<img src="imagen2.jpg" alt="Imagen 2">
<img src="imagen3.jpg" alt="Imagen 3">

En el atributo src indicamos la URL que contiene la imagen y mediante el atributo alt indicamos el texto alternativo asociado a la imagen.

Calcular el número de imágenes

El DOM nos ofrece el objeto document.images. Dicho objeto hace referencia a las imágenes que hay dentro del documento HTML. Y si utilizamos el atributo length, este nos indicará el número de imágenes del documento.

Solo nos quedará el volcar el contenido a la página mediante document.write de JavaScript.

document.write("El documento tiene " + document.images.length + " imágenes.");