freeCodeCamp/guide/spanish/javascript/html-dom-getelementbyid-method/index.md

1.3 KiB

title localeTitle
HTML DOM getElementById Method HTML DOM getElementById Método

El método getElementById() devuelve el elemento que tiene el atributo id con el valor especificado. Toma un argumento, que es una cadena que distingue entre mayúsculas y minúsculas del id para el elemento que desea.

Este método es uno de los métodos más comunes en el DOM de HTML y se usa casi cada vez que quiera manipular u obtener información de un elemento de su documento. Aquí hay un ejemplo simple de la sintaxis:

Contenido HTML:


<div id="demo"></div> 

Contenido de JavaScript:

document.getElementById("demo"); // Returns the element with id "demo" 

Si tiene más de un elemento con el mismo valor de id (¡mala práctica!), getElementById devolverá el primer elemento encontrado:


<div id="demo">First</div> 
 <div id="demo">Second</div> 
document.getElementById("demo"); // Returns the element with id "demo" containing 'First' 

Más información:

document.getElementById ()

Soluciones alternativas:

Una alternativa de uso común para document.getElementById es usar un selector jQuery que puede leer más aquí .