getElementsByTagName devuelve un array de nodos representando todos los elementos en una página que tengan la etiqueta HTML especificada.
Sintaxis:
document.getElementsByTagName(Name)
Como la mejor forma de comprender el funcionamiento es con la práctica, en este post vamos a ver dos ejemplos de uso. En un primer ejemplo, vamos a obtener todos los párrafos que hay en un documento y accediendo a ellos a través del array, procedemos a cambiar su contenido.
Código:
Cambio dinámico de contenido
Este ejemplo forma parte
de una serie de posts dedicados
a DOM, DHTML y AJAX.
Salida:
Cambio dinámico de contenido
Este ejemplo forma parte
de una serie de posts dedicados
a DOM, DHTML y AJAX.
En este segundo ejemplo, vamos a implementar dos botones: uno para incrementar el tamaño del texto en nuestra web y otro para disminuirlo, fijando un tamaño predeterminado y un máximo y un mínimo.
Código:
Aumentar Tamaño
Quisque ullamcorper. Fusce vestibulum tortor imperdiet nulla. Etiam elementum massa quis orci. Nulla viverra nibh et quam. Nam dapibus, lacus vitae pharetra sollicitudin, sem sem tristique ante, et condimentum ligula metus sit amet dui. Morbi quam sem, commodo nec, varius id, feugiat eu, sapien. Maecenas sed velit. Etiam interdum purus in nibh. Duis commodo pharetra felis. Ut tincidunt bibendum justo. Curabitur at turpis sit amet mauris blandit tristique. Aliquam erat volutpat. Fusce blandit placerat lectus. Maecenas hendrerit, tortor nec lacinia cursus, mi turpis adipiscing odio, a viverra mi elit venenatis odio.