Método HTML DOM getElementById()
Definición y uso
El método getElementById() devuelve una referencia al primer objeto que tiene el ID especificado.
Sintaxis
document.getElementById(id)
Explicación
HTML DOM define varios métodos para encontrar elementos, además de getElementById(), también hay getElementsByName() y getElementsByTagName().
Sin embargo, si necesita buscar un elemento específico en el documento, el método más efectivo es getElementById().
Al operar con un elemento específico de un documento, es mejor proporcionar un atributo id a ese elemento, especificar un nombre único (en el documento) para él, y luego se puede usar ese ID para encontrar el elemento deseado.
Ejemplo
Ejemplo 1
<html>
<head>
<script type="text/javascript">
function getValue()
{
var x=document.getElementById("myHeader")
alert(x.innerHTML)
}
</script>
</head>
</body>
<h1 id="myHeader" onclick="getValue()">Este es un encabezado</h1>
<p>Haga clic en el encabezado para alertar su valor</p>
</body>
</html>
Ejemplo 2
getElementById() es un método importante, en el diseño de programas DOM, su uso es muy común. Le hemos definido una función de herramienta para que pueda usar el método getElementById() con un nombre más corto:
function id(x) {
if (typeof x == "string") return document.getElementById(x);
return x;
}
Esta función acepta el ID del elemento como parámetro. Para cada uno de estos parámetros, debe escribir x = id(x) antes de usarlo.
