Documento Javascript Getelementbyid

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

Il metodo JavaScript getElementById seleziona un elemento dal Document Object Model (DOM) HTML. Se scrivi in ‚Äã‚Äãmodo errato questo metodo, incontrerai l’errore document.getElementByID non è una funzione nel tuo programma.

Questo tutorial spiega cosa significa questo errore e perché è sollevato. Esamineremo un esempio di questo errore in modo che tu possa apprendere ciò che è necessario sapere per risolverlo.

document.getElementByID non è una funzione

Il document. getElementById()method è uno dei metodi di selezione JavaScript. Il metodo recupera un oggetto in base al suo ID dal DOM HTML.

Questo metodo viene utilizzato per manipolare il contenuto di un elemento o recuperare informazioni su un particolare elemento, come il suo contenuto o i suoi attributi .

Gli ID sono definiti in HTML. Un ID deve essere univoco per un particolare elemento:


Il tag

ha l’ID top_header. Questo ID è univoco per il tag
. Gli ID sono spesso usati per applicare stili a particolari elementi usando CSS.

document. getElementById() fa distinzione tra maiuscole e minuscole. Questo metodo non è:

  • document. getelementbyid()
  • document.getElementByID()
  • document.GetElementById()

Qualsiasi altra variazione sul nome del metodo non sarà accettata da JavaScript.

Anche se si è tentati di scrivere ID in lettere maiuscole perché è un’abbreviazione per un’altra parola, il metodo richiede l’utilizzo di una I maiuscola e di una < minuscola. strong>d.

Per saperne di più sul metodo getElementById, leggi la nostra guida su JavaScript getElementById.< /p>

Uno scenario di esempio

Costruiremo uno snippet di codice che accoglie un utente nella nostra applicazione. Il messaggio di benvenuto sarà in un titolo che appare nella parte superiore della nostra pagina.

Ai fini di questo esempio, utilizzeremo un nome demo.

Per iniziare, definisci il nostro codice HTML del corpo per la sezione di benvenuto della pagina web:

Per impostazione predefinita, il nostro tag

conterrà il contenuto Benvenuto. Il tag
è il tag genitore in cui si trova il nostro titolo. Successivamente, aggiungeremo un tag