Linea de Codigo

Dentro del manejo del DOM de una página HTML, la función más utilizada suele ser document.getElementsById(). Si bien, disponemos de otra serie de funciones que nos ayudarán a obtener el contenido de los elementos de la página.

Este es el caso de la función getElementsByTagName, la cual recuperará un array de elementos que correspondan con la etiqueta pasada como parámetro.

Así, por ejemplo, podríamos recuperar todas las etiquetas de tipo A (anchor) mediante la siguiente línea de código:

var enlaces = document.getElementsByTagName("A");

Una vez recuperado el array, simplemente tendremos que acceder a los elementos que lo conforman para poder acceder a los objetos DOM. En cada objeto DOM podremos acceder a sus propiedades.

Si hablamos de la etiqueta A (anchor), podremos acceder al destino del enlace href, al nombre del enlace,....

si queremos recorrer todos los enlaces de la página, deberemos de utilizar el siguiente código:

for (x=0;x<enlaces.length;x++)
	document.write(enlaces[x].name + ": " + enlaces[x].href + "<br>");

Visualizar el ejemplo | Descargar el código