Número de enlaces del documento

El manejo del modelo de objetos de la página (DOM) nos permite acceder a cualquier elemento que esté conformando la página. Esto nos proporciona una gran potencia a la hora de interactuar con los objetos que la conforman.

En este ejemplo vamos a ver cómo de una forma sencilla podemos conocer el número de enlaces que hay en la página.

Crear una página web con enlaces

Lo primero que tenemos que hacer es crear una página web que contenga enlaces. Hay que recordar que en HTML los enlaces se crean mediante la etiqueta “anchor” A.

Incluyamos algunos enlaces:

<ul>
  <li><a href="[http://lineadecodigo.com](http://lineadecodigo.com/)" name="link1">Linea de Código</a></li>
  <li><a href="[http://error500.net](http://error500.net/)" name="link2">Error 500</a></li>
  <li><a href="[http://www.google.com](http://www.google.com/)" name="link3">Google</a></li>
</ul>

Obtener el número de enlaces con Javascript

Ahora mediante código Javascript vamos a obtener el número de enlaces que hemos incluido en la página.

Para ello deberemos de acceder al objeto document, el cual representa a la página. Dentro de este objeto tenemos el objeto anchors, que representa a los enlaces y este tiene una propiedad denominada length. Dicha propiedad nos dirá cuantos enlaces tenemos en la web.

var numenlaces = document.anchors.length;

Es importante destacar que los enlaces tienen que tener el atributo name. De otra forma, al utilizar el método document.anchors.length no obtendríamos ningún resultado.

Mostrar el resultado

Si queremos mostrarlo por pantalla, como siempre, utilizaremos el método document.write().

document.write("El número de enlaces del documento es " + numenlaces);