Objeto de JavaScript

Manual de referencia de JavaScript

Manual de referencia de JS DOM

Objeto Elemento de HTML DOM Objeto Documento de HTML DOM

Método HTML DOM getElementById()

getElementById()El método puede obtener un objeto de nodo de elemento según la propiedad id del elemento, y este método es compatible en todos los navegadores.

Dado que si se especifica un ID de elemento, debe ser único, por lo que es un método efectivo para acceder rápidamente a elementos específicos.

Si necesita acceder a un elemento sin ID, puede usarquerySelector()A través de cualquierSelectorBuscar ese elemento.

Sintaxis:

document.getElementById(ID)

Ejemplo

document.getElementById('para');

Prueba aquí‹/›

Compatibilidad del navegador

El método getElementById() es completamente compatible en todos los navegadores:

Método
getElementById()	Es	Es	Es	Es	Es

Valor del parámetro

Parámetro	Descripción
ID	El ID del elemento a localizar. El ID es una cadena que distingue entre mayúsculas y minúsculas y es único en el documento. Solo un elemento puede tener cualquier ID dado.

Detalles técnicos

Valor de retorno:	Descripción del objeto DOM del elemento que coincide con el ID especificadoElementoobjeto; si no se encuentra ningún elemento coincidente en el documento,则为null.
Versión DOM:	DOM 2Nivel

Más ejemplos

Obtener el elemento con id="para" y cambiar su color:

Ejemplo

document.getElementById('para').style.color = "blue";

Prueba aquí‹/›

Obtener el elemento con id="para" y cambiar su tamaño de fuente:

Ejemplo

document.getElementById('para').style.fontSize = "3em";

Prueba aquí‹/›

Referencias relacionadas

Tutoriales CSS:Sintaxis CSS

Referencia CSS:CSS#idSelector

Documento DOM querySelector()Métodos

Del Documento DOMgetElementsByClassName()Métodos

Del Documento DOMgetElementsByTagName()Métodos

Objeto Documento de HTML DOM

Objeto Elemento de HTML DOM Objeto Documento de HTML DOM