Número de enlaces del documento

26/Jun/2007 JavaScript , , Deja un comentario

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:

  1. <h2>Listado de enlaces</h2>
  2. <li><a name="Linea de Codigo" href="http://lineadecodigo.com" title="Linea de Codigo">Linea de Código</a></li>
  3. <li><a name="Error500" href="http://error500.net" title="Error500">Error 500</a></li>
  4. <li><a name="Google" href="http://www.google.com" title="Google">Google</a></li>
  5. </ul>

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.

  1. 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().

  1. <script type="text/javascript">
  2. document.write(document.anchors.length);
  3. </script>

Vídeos sobre Javascript


Difunde el Conocimiento

Si te ha gustado el artículo o te ha sido de utilidad, no dejes de compartirlo con tus amigos en las redes sociales... Te estaremos muy agradecidos. :-D

¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*

*