Javascript-document Getelementbyid

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

De getElementById JavaScript-methode selecteert een element uit de Document Object Model (DOM) HTML. Als je deze methode verkeerd hebt gespeld, zul je de fout document.getElementById is geen functie in je programma tegenkomen.

In deze tutorial wordt uitgelegd wat deze fout betekent en omdat deze is verholpen. We zullen een voorbeeld van deze fout bekijken, zodat u kunt zien wat u moet weten om het probleem op te lossen.

document.getElementById is geen functie

document. getElementById () Methode is een van de JavaScript-selectiemethoden. De methode haalt een object op op basis van zijn ID uit de HTML DOM.

Deze methode wordt gebruikt om de inhoud van een element te manipuleren of informatie over een bepaald element op te halen, zoals de inhoud of attributen.

ID`s worden gedefinieerd in HTML. Een ID moet uniek zijn voor een bepaald element:


< header> heeft de id top_header. Deze ID is uniek voor de

. ID`s worden vaak gebruikt om bepaalde elementen te stylen met CSS .

document. getElementById () is hoofdlettergevoelig. Deze methode is:

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

Elke andere variatie op de methodenaam wordt niet geaccepteerd door JavaScript.

Hoewel het verleidelijk is om ID in hoofdletters te schrijven, aangezien het een afkorting is voor een ander woord, vereist de methode het gebruik van een hoofdletter I en kleine letters < . strong> d .

Lees voor meer informatie over de getElementById-methode onze gids JavaScript getElementById .

een voorbeeldscenario

We gaan een stukje code bouwen dat een gebruiker verwelkomt in onze applicatie. Het welkomstbericht staat in een titel die bovenaan onze pagina verschijnt.

Voor dit voorbeeld gebruiken we een demonaam.

om te beginnen, definieer onze hoofd-HTML-code voor het welkomstgedeelte van de webpagina :

Standaard bevat onze

de inhoud Welkom.
-tag is de bovenliggende tag, deze staat in onze titel. Vervolgens schrijven we de