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

1.3 KiB

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

O método getElementById() retorna o elemento que possui o atributo id com o valor especificado. É preciso um argumento, que é uma string com distinção entre maiúsculas e minúsculas para o elemento que você deseja.

Esse método é um dos métodos mais comuns no HTML DOM e é usado quase sempre que você deseja manipular ou obter informações de um elemento em seu documento. Aqui está um exemplo simples da sintaxe:

Conteúdo HTML:


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

Conteúdo JavaScript:

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

Se você tiver mais de um elemento com o mesmo valor de id (má prática!), getElementById retornará o primeiro elemento encontrado:


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

Mais Informações:

document.getElementById ()

Soluções alternativas:

Uma alternativa comumente usada para document.getElementById é usar um seletor jQuery sobre o qual você lê mais aqui .