Hvordan opstår den ufangede typefejl: kan ikke indstille egenskaberne for null ved getElementById()?
Det ' Ufanget TypeError: Kan ikke indstille egenskaberne for null ved getElementById() ' kan forekomme af følgende årsager:
Eksempel 1: Forekomst af ufanget typefejl: Kan ikke indstille egenskaberne for null ved getElementById() på grund af forudgående adgang til element
I dette eksempel vil den fejl, der opstår på grund af adgang til det bestemte element, før det specificeres, blive diskuteret:
< manuskript >
dokument. getElementById ( 'hoved' ) . indreHTML = 'JavaScript-indhold' ;
manuskript >
< centrum >< legeme >
< h2 id = 'hoved' > Linuxhint hjemmeside h2 >
legeme > centrum >
Anvend følgende trin, som angivet i ovenstående kodelinjer:
- For det første skal du inkludere JavaScript-kodeblokken i ' ” tag.
- Her skal du få adgang til det element, der svarer til det angivne ' id ' bruger ' getElementById() ” metode.
- Anvend også ' indreHTML ” egenskab for at opdatere indholdet af det tilgåede element.
- I HTML-koden i ' ' tag, inkludere en overskrift med det angivne ' id '.
- Ved udførelse af koden vil typefejlen ' Kan ikke indstille egenskaber for null ved getElementById() ” vil forekomme. Dette skyldes, at elementet ' ” er tilgået, før det overhovedet er angivet.
Produktion
I ovenstående output kan det ses, at den angivne fejl vises på grund af forudgående adgang til elementet.
Løsning
Den ovenfor stødte fejl i dette tilfælde kan løses ved at sekventere koden, således at elementet specificeres, før det tilgås.
Følgende eksempel illustrerer det angivne koncept:
< centrum >< legeme >< h2 id = 'hoved' > Linuxhint hjemmeside h2 >
legeme > centrum >
< manuskript >
dokument. getElementById ( 'hoved' ) . indreHTML = 'JavaScript-indhold' ;
manuskript >
Ovenstående kode er identisk med den tidligere kode med ændringen i placeringen af kodeblokke. Det er sådan, at ' ”-elementet er angivet, før det tilgås i JavaScript-koden.
Produktion
Som det ses, er den stødte fejl løst, og det opdaterede indhold via ' indreHTML ” egenskaben vises.
Eksempel 2: Forekomst af ufanget typefejl: Kan ikke indstille egenskaberne for null ved getElementById() på grund af forkert adgang til id
Den angivne fejl kan også opstå ved forkert adgang til id'et.
Lad os gennemgå nedenstående eksempel:
< telt-id = 'til' > Java telt >< script type = 'tekst/javascript' >
dokument. getElementById ( '#til' ) . indreTekst = 'Manuskript' ;
manuskript >
I ovenstående kodestykke:
- Inkluder en '
' element med det angivne ' id ” og tekstværdi. - I JS-delen af koden skal du få adgang til det inkluderede element i det foregående trin ved at bruge ' getElementById() ” metode.
- Det ' id formatet her er ikke korrekt, i betragtning af metoden til at få adgang til det bestemte element.
- Her er ' indreTekst egenskaben viser den angivne tekstværdi.
Produktion
I dette output kan det verificeres, at den anvendte egenskab ikke påvirkede elementet på grund af forkert id-format.
Løsning
Den nævnte fejl i dette særlige scenarie kan løses ved at angive id'et korrekt, mens du får adgang til elementet:
< telt-id = 'til' > Java telt >< script type = 'tekst/javascript' >
dokument. getElementById ( 'til' ) . indreTekst = 'Manuskript' ;
manuskript >
Implementer nedenstående trin, som angivet i ovenstående kode:
- Inkluder '
' element med den givne ' id '. - I JavaScript-kodestykket skal du få adgang til elementet i det forrige trin ved at angive elementets ' id ' korrekt via ' getElementById() ” metode.
- Anvend endelig ' indreTekst ” egenskab og vise det angivne tekstindhold, som i dette tilfælde vil blive opdateret.
Produktion
I ovenstående output kan det visualiseres, at det opdaterede tekstindhold vises.
Konklusion
Det ' Ufanget TypeError: Kan ikke indstille egenskaberne for null ved getElementById() ” i JavaScript kan løses ved at specificere elementet før adgang til det eller ved at angive id'et i det korrekte format. Efter at have gjort det, kan de tilsvarende funktionaliteter udføres i begge tilfælde. Denne blog guidede til at løse den ufangede typefejl: Kan ikke indstille egenskaberne for null ved getElementById() i JavaScript.