UNDAGE TYPEERROR kan ikke sette egenskaper til null på getElementById

Mens du utfører kodeblokker i JavaScript, kan det være situasjoner der forskjellige typer feil oppstår, som blir en flaskehals i implementeringen av kodefunksjonalitetene. Disse feilene inkluderer å vise en uinitialisert verdi, få tilgang til elementet før de spesifiserer det osv. En slik feil er "UNDAGE TYPEERROR: Kan ikke angi egenskaper til null på getElementById ()”, Som vil bli diskutert og løst i denne artikkelen.

Hvordan oppstår UNCAught TypeError: Kan ikke sette egenskaper til null ved getElementById ()?

“UNDAGE TYPEERROR: Kan ikke angi egenskaper til null på getElementById ()”Kan forekomme av følgende grunner:

• Tidligere tilgang av elementet.
• Feil tilgang av ID.

EKSEMPEL 1: Forekomst av uncaught typeerror: Kan ikke angi egenskaper til null ved getElementById () på grunn av tidligere tilgang av elementet

I dette eksemplet vil feilen oppstått på grunn av tilgang til det aktuelle elementet før den spesifiserer den, bli diskutert:

Linuxhint nettsted

Bruk følgende trinn, som gitt i kodelinjene ovenfor:

• For det første, inkluder JavaScript -kodeblokken i "" stikkord.
• Her får tilgang til elementet som tilsvarer det angitte “id" bruker "getElementById ()”Metode.
• Bruk også “indrehtml”Eiendom for å oppdatere innholdet i det tilgjengelige elementet.
• I HTML -koden innenfor "”Tag, inkluderer en overskrift som har den spesifiserte“id”.
• Når du utfører koden, er typefeilen "Kan ikke angi egenskaper til null ved getElementById ()" vil skje. Dette er fordi elementet “

  ”Åpnes før den til og med spesifiseres.

Produksjon

I outputten kan man se at den oppgitte feilen vises på grunn av tidligere tilgang til elementet.

Løsning

Den ovennevnte feilen i dette tilfellet kan løses ved å sekvensere koden slik at elementet er spesifisert før det er tilgjengelig.

Følgende eksempel illustrerer det uttalte konseptet:

Linuxhint nettsted

Ovennevnte kode er identisk med den forrige koden med endringen i plassering av kodeblokker. Det er slik at “

Produksjon

Som sett løses den oppståtte feilen, og det oppdaterte innholdet via "indrehtml”Eiendom vises.

EKSEMPEL 2: Forekomst av uncaught typeerror: Kan ikke angi egenskaper til null ved getElementById () på grunn av feil tilgang til ID

Den uttalte feilen kan også oppstå ved å få tilgang til ID -en.

La oss gå gjennom det under-uttalte eksemplet:

Java

I ovennevnte kodebit:

• Inkluderer en "”Element som har det angitt”id”Og tekstverdi.
• I JS -delen av koden får tilgang til det inkluderte elementet i forrige trinn ved å bruke "getElementById ()”Metode.
• “id"Format her er ikke riktig, med tanke på metoden for å få tilgang til det aktuelle elementet.
• Her, "Innertekst”Eiendom viser den oppgitte tekstverdien.

Produksjon

I denne utgangen kan det verifiseres at den anvendte egenskapen ikke påvirket elementet på grunn av feil ID -format.

Løsning

Den nevnte feilen i dette spesielle scenariet kan løses ved å spesifisere ID riktig mens du får tilgang til elementet:

Java

Implementere de under-uttalte trinnene, som angitt i koden ovenfor:

• Inkluderer "”Element som har gitt“id”.
• I JavaScript Code -utdraget får du tilgang til elementet, i forrige trinn ved å spesifisere elementets "id”Riktig via“getElementById ()”Metode.
• Til slutt, bruk "Innertekst”Eiendom og vis det oppgitte tekstinnholdet, som vil bli oppdatert i dette tilfellet.

Produksjon

I outputten kan det visualiseres at det oppdaterte tekstinnholdet vises.

Konklusjon

“UNDAGE TYPEERROR: Kan ikke angi egenskaper til null på getElementById ()”I JavaScript kan du løses ved å spesifisere elementet før du får tilgang til det eller ved å spesifisere ID i riktig format. Etter å ha gjort det, kan de tilsvarende funksjonalitetene utføres i begge tilfeller. Denne bloggen guidet om å løse UNCAught TypeError: Kan ikke angi egenskaper til null på getElementById () i JavaScript.