Hvordan oppstår Uncaught TypeError: Kan ikke angi egenskaper for null ved getElementById()?
« Uncaught TypeError: Kan ikke angi egenskapene til null ved getElementById() ' kan oppstå av følgende årsaker:
Eksempel 1: Forekomst av ufanget typefeil: Kan ikke angi egenskapene til null ved getElementById() på grunn av tidligere tilgang til element
I dette eksemplet vil feilen som oppstår på grunn av tilgang til det bestemte elementet før du spesifiserer det, bli diskutert:
< manus >
dokument. getElementById ( 'hode' ) . indreHTML = 'JavaScript-innhold' ;
manus >
< senter >< kropp >
< h2 id = 'hode' > Linuxhint nettsted h2 >
kropp > senter >
Bruk følgende trinn, som gitt i kodelinjene ovenfor:
- Ta først med JavaScript-kodeblokken i '
I utgangen ovenfor kan det ses at den oppgitte feilen vises på grunn av tidligere tilgang til elementet.
Løsning
Feilen ovenfor i dette tilfellet kan løses ved å sekvensere koden slik at elementet spesifiseres før det åpnes.
Følgende eksempel illustrerer det angitte konseptet:
< senter >< kropp >
< h2 id = 'hode' > Linuxhint nettsted h2 >
kropp > senter >
< manus >
dokument. getElementById ( 'hode' ) . indreHTML = 'JavaScript-innhold' ;
manus >Koden ovenfor er identisk med den forrige koden med endringen i plassering av kodeblokker. Det er slik at ' ”-elementet spesifiseres før det åpnes i JavaScript-koden.
Produksjon
Som sett er feilen løst, og det oppdaterte innholdet via ' indreHTML ' egenskapen vises.
Eksempel 2: Forekomst av ufanget typefeil: Kan ikke angi egenskapene til null ved getElementById() på grunn av feil tilgang til ID
Den oppgitte feilen kan også oppstå ved feil tilgang til ID-en.
La oss gå gjennom eksemplet nedenfor:
< telt-id = 'til' > Java telt >
< skripttype = 'tekst/javascript' >
dokument. getElementById ( '#til' ) . indreTekst = 'Manus' ;
manus >I kodebiten ovenfor:
- Ta med en ' 'element som har det oppgitte ' id ” og tekstverdi.
- I JS-delen av koden får du tilgang til det inkluderte elementet i forrige trinn ved å bruke ' getElementById() 'metoden.
- « id formatet her er ikke riktig, med tanke på metoden for å få tilgang til det aktuelle elementet.
- Her er ' indreTekst ”-egenskapen viser den angitte 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-en riktig mens du får tilgang til elementet:
< telt-id = 'til' > Java telt >
< skripttype = 'tekst/javascript' >
dokument. getElementById ( 'til' ) . indreTekst = 'Manus' ;
manus >Implementer trinnene nedenfor, som angitt i koden ovenfor:
- Ta med ' ' element som har gitt ' id '.
- I JavaScript-kodebiten får du tilgang til elementet i forrige trinn ved å spesifisere elementets ' id ' riktig via ' getElementById() 'metoden.
- Til slutt bruker du ' indreTekst ” eiendom og vise det oppgitte tekstinnholdet, som vil bli oppdatert i dette tilfellet.
Produksjon
I utgangen ovenfor kan det visualiseres at det oppdaterte tekstinnholdet vises.
Konklusjon
« Uncaught TypeError: Kan ikke angi egenskapene til null ved getElementById() ” i JavaScript kan 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 funksjonene utføres i begge tilfeller. Denne bloggen veiledet om å løse Uncaught TypeError: Kan ikke angi egenskaper for null ved getElementById() i JavaScript.