Los últimos tutoriales de desarrollo web
 

HTML DOM getElementById() Method

<Document Object

Ejemplo

Obtener el elemento con el ID especificado:

document.getElementById("demo");
Inténtalo tú mismo "

Más "Try it Yourself" ejemplos a continuación.


Definición y Uso

El getElementById() método devuelve el elemento que tiene el ID atributo con el valor especificado.

Este método es uno de los métodos más comunes en el DOM de HTML, y se utiliza casi cada vez que desea manipular, u obtener información a partir de un elemento en el documento.

Devuelve null si no hay ningún elemento con el ID especificado.

Un ID debe ser único dentro de una página. Sin embargo, si existe más de un elemento con el ID especificado, el getElementById() método devuelve el primer elemento en el código fuente.


Soporte del navegador

Los números de la tabla especifica la primera versión del navegador que es totalmente compatible con el método.

Método
getElementById()

Sintaxis

document.getElementById( elementID )

Los valores de los parámetros

Parámetro Tipo Descripción
elementID String Necesario. El ID de valor de atributo del elemento que desea obtener

Detalles técnicos

DOM Versión: Nivel básico Objeto Documento 2
Valor de retorno: Un objeto Element, lo que representa un elemento con el ID especificado. Devuelve null si no hay ningún elemento con el ID especificado

Ejemplos

Más ejemplos

Ejemplo

Obtener el elemento con id = "demo" y cambie su color:

var x = document.getElementById("demo");   // Get the element with id="demo"
x.style.color = "red";                     // Change the color of the element
Inténtalo tú mismo "

Páginas relacionadas

Tutorial CSS: CSS Selectores

CSS Referencia: Selector de #id CSS

HTML DOM Referencia: HTML DOM id Property

HTML DOM Referencia: DOM Estilo HTML Objeto


<Document Object