Document.getElementById() | Dom

 

Descripción

El método .getElementById() nos permite obtener la referencia a un elemento del árbol DOM cuyo nombre de identificador coincida con el valor pasado por parámetro.

Posiblemente sea uno de los métodos más utilizados, si no el más, ya que una vez que tienes la referencia sobre el objeto puedes realizar múltiples acciones.

En el caso de que no encuentre un valor que coincida con el identificador devolverá el valor null.

Sintaxis

elemento = document.getElementById(id);

Parámetros

  • id, identificador del elemento sobre el que queremos recuperar la referencia. El valor id se asigna en los elementos HTML mediante el atributo id.

Objeto Padre

Document

Ejemplo

<!DOCTYPE html>
<html lang="es">
<head>
  <title>Cambiar Contenido de una Capa</title>
  <script type="text/javascript">
    function cambiarContenido(texto){
        document.getElementById("micapa").innerHTML = texto;
    }
  </script>
</head>
<body>

<h1>Cambiar el contenido de una capa</h1>  
<div id="micapa">Contenido de mi capa...</div>
        
<form id="miform" action="#">
    <textarea rows="10" cols="20" id="texto">Nuevo contenido...</textarea>
    <button onClick="cambiarContenido(getElementById('texto').value);">Cambiar texto</button>
</form>
        
</body>
</html>

Artículos