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 como de una forma sencilla podemos conocer el número de enlaces que hay en la página.
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:
Listado de enlaces
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.
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 obtendriamos ningún resultado.
Si queremos mostrarlo por pantalla, como siempre, utilizaremos el método document.write().
