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() | Sí | Sí | Sí | Sí | Sí |
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 |
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