Documento HTML DOM getElementById()
Ejemplo
Obtenga el elemento con la identificación especificada:
document.getElementById("demo");
Obtenga el elemento y cambie su color:
const myElement = document.getElementById("demo");
myElement.style.color = "red";
O simplemente cambia su color:
document.getElementById("demo").style.color = "red";
Definición y uso
El getElementById()
método devuelve un elemento con un valor especificado.
El getElementById()
método regresa null
si el elemento no existe.
El getElementById()
método es uno de los métodos más comunes en HTML DOM. Se usa casi cada vez que desea leer o editar un elemento HTML.
Nota
Cualquier identificación debe ser única, pero:
Si existen dos o más elementos con el mismo idgetElementById()
, devuelve el primero.
Ver también:
El método getElementsByTagName() del documento
El método getElementsByClassName() del documento
Sintaxis
document.getElementById(elementID)
Parámetros
Parameter | Description |
id | Required. The id value of an element. |
Valor devuelto
Escribe | Descripción |
Objeto | El elemento con el id especificado. null si el elemento no existe. |
Páginas relacionadas:
Tutorial CSS: Sintaxis CSS
Referencia de CSS: Selector de CSS #id
Referencia de HTML DOM: Propiedad de id de HTML DOM
Referencia HTML DOM: objeto de estilo HTML DOM
Compatibilidad con navegador
document.getElementById()
es una característica DOM Nivel 2 (2001).
Es totalmente compatible con todos los navegadores:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |