Artículos
Javascript

Calcular el numero de imágenes con JavaScript

04/Jul/2007

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.

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="prototype.png" alt="Prototype"><br>
<img src="groovy.gif" alt="Groovy"><br>
<img src="opera.jpg" alt="Opera"><br>
<img src="firefox.jpg" alt="FireFox">

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

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.

El número de imágenes del documento es <script>document.write(document.images.length);</script>

Código Fuente

Descárgate el código fuente de Calcular el numero de imágenes con JavaScript
Y si te ha gustado nuestro código fuente puedes regalarnos una estrella Star

Vídeos sobre Javascript

Disfruta también de nuestros artículos sobre Javascript en formato vídeo. Aprovecha y suscribete a nuestro canal.

Test Javascript

¿Te atreves a probar tus habilidades y conocimiento en Javascript con nuestro test?

Test Javascript
Suscribir
Notificar de
guest
0 Comentarios
Opiniones integradas
Ver todos los comentarios