Documento Javascript Getelementbyid

| | | | | | | | | | | | | | | | | |

O método JavaScript getElementById seleciona um elemento do Document Object Model (DOM) HTML. Se você digitou incorretamente esse método, encontrará o erro document.getElementById não é uma função em seu programa.

Este tutorial explica o que significa esse erro e porque ele é aliviado. Veremos um exemplo desse erro para que você possa aprender o que precisa saber para corrigi-lo.

document.getElementById não é uma função

document. getElementById() Método é um dos métodos de seleção JavaScript. O método recupera um objeto com base em seu ID do HTML DOM.

Esse método é usado para manipular o conteúdo de um elemento ou recuperar informações sobre um elemento específico, como seu conteúdo ou atributos.

Os IDs são definidos em HTML. Um ID deve ser exclusivo para um elemento específico:


< header> tem o id top_header. Esse ID é exclusivo do

. Os IDs costumam ser usados para estilizar elementos específicos usando CSS .

document. getElementById() diferencia maiúsculas de minúsculas. Este método é:

  • . getElementById()
  • document.getElementById()
  • document.getElementById()

Qualquer outra variação no nome do método não será aceita por JavaScript.

Embora seja tentador escrever ID em letras maiúsculas, já que é uma abreviação de outra palavra, o método requer o uso de maiúsculas I e minúsculas < . strong> d .

Para saber mais sobre o método getElementById, leia nosso guia JavaScript getElementById .

um cenário de exemplo

Vamos construir um pedaço de código que dá as boas-vindas a um usuário em nosso aplicativo. A mensagem de boas-vindas estará em um título que aparece na parte superior de nossa página.

Para os propósitos deste exemplo, usaremos um nome de demonstração.

para começar, defina nosso código HTML do corpo para a seção de boas-vindas da página da web :

Por padrão, nosso

contém o conteúdo Welcome. A tag
é a tag pai, está em nosso título. Em seguida, criaremos o script da tag