Ufanget TypeError: Kan ikke indstille egenskaberne for null ved getElementById()

Ufanget Typeerror Kan Ikke Indstille Egenskaberne For Null Ved Getelementbyid



Mens der udføres kodeblokke i JavaScript, kan der være situationer, hvor der opstår forskellige typer fejl, som bliver en flaskehals i implementeringen af ​​kodefunktionaliteterne. Disse fejl omfatter visning af en ikke-initialiseret værdi, adgang til elementet, før det specificeres, osv. En sådan fejl er ' Ufanget TypeError: Kan ikke indstille egenskaberne for null ved getElementById() ”, som vil blive diskuteret og løst i denne artikel.

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 '

    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.