Obtener el contenido de un elemento conociendo su TAG

Dentro del manejo del DOM de una página HTML, la función más utilizada suele ser [document.getElementById()](https://www.w3api.com/DOM/.getElementById(). 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.

Obtener elementos por su TAG

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, etc.

Recorrer los elementos

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

var enlaces = document.getElementsByTagName("a");
for (var i = 0; i < enlaces.length; i++) {
    console.log(enlaces[i].href);
    console.log(enlaces[i].text);
}