Método getElementsByTagName() del HTML DOM
Definición y uso
El método getElementsByTagName() puede devolver una colección de objetos con el nombre de etiqueta especificado.
Sintaxis
document.getElementsByTagName(tagname)
Explicación
El orden de los elementos devueltos por getElementsByTagName() es el orden en que se encuentran en el documento.
Si se pasa la cadena especial "*" a getElementsByTagName(), se devolverá una lista de todos los elementos del documento, en el orden en que se encuentran en el documento.
Sugerencias y notas
Notas:La cadena de caracteres proporcionada a getElementsByTagName() puede no distinguir entre mayúsculas y minúsculas.
Ejemplo
Ejemplo 1
<html>
<head>
<script type="text/javascript">
function getElements()
{
var x=document.getElementsByTagName("input");
alert(x.length);
}
</script>
</head>
<body>
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<br />
<input type="button" onclick="getElements()"
value="¿Cuántos elementos de entrada?" />
</body>
</html>
Ejemplo 2
Se puede obtener una lista de cualquier tipo de elemento HTML usando el método getElementsByTagName(). Por ejemplo, el siguiente código puede obtener todas las tablas del documento:
var tables = document.getElementsByTagName("table");
alert ("Este documento contiene " + tables.length + " tablas");
Ejemplo 3
Si conoce muy bien la estructura del documento, también puede usar el método getElementsByTagName() para obtener un elemento específico del documento. Por ejemplo, el siguiente código puede obtener el cuarto párrafo del documento:
var myParagragh = document.getElementsByTagName("p")[3];
Sin embargo, aún creemos que, si necesita operar con un elemento específico, el uso del método getElementById() será más efectivo.
