Kaip atsiranda nepagauta tipo klaida: negalima nustatyti nul savybių getElementById()?
„ Nepagautas tipo klaida: negalima nustatyti null savybių getElementById() “ gali atsirasti dėl šių priežasčių:
1 pavyzdys: Nepagauto tipo klaidos įvykis: Negalima nustatyti null savybių getElementById() dėl išankstinės elemento prieigos
Šiame pavyzdyje bus aptarta klaida, atsiradusi dėl prieigos prie konkretaus elemento prieš jį nurodant:
< scenarijus >
dokumentas. getElementById ( 'galva' ) . vidinis HTML = „JavaScript turinys“ ;
scenarijus >
< centras >< kūnas >
< h2 id = 'galva' > Linuxhint svetainė h2 >
kūnas > centras >
Atlikite šiuos veiksmus, kaip nurodyta aukščiau pateiktose kodo eilutėse:
- Pirmiausia įtraukite „JavaScript“ kodo bloką į „ “ žymą.
- Čia pasiekite elementą, atitinkantį nurodytą „ id ' naudojant ' getElementById() “ metodas.
- Taip pat taikykite „ vidinis HTML “ ypatybę, kad atnaujintumėte pasiekto elemento turinį.
- HTML kode, esančiame „
', įtraukite antraštę su nurodyta ' id “. - Vykdant kodą, tipo klaida ' Negalima nustatyti null savybių getElementById() “ įvyks. Taip yra todėl, kad elementas ' “ pasiekiama net nenurodant.
Išvestis
Aukščiau pateiktame išvestyje matyti, kad nurodyta klaida rodoma dėl išankstinės prieigos prie elemento.
Sprendimas
Aukščiau aptikta klaida šiuo atveju gali būti išspręsta suskirstant kodą taip, kad elementas būtų nurodytas prieš jį pasiekiant.
Šis pavyzdys iliustruoja pateiktą koncepciją:
< centras >< kūnas >< h2 id = 'galva' > Linuxhint svetainė h2 >
kūnas > centras >
< scenarijus >
dokumentas. getElementById ( 'galva' ) . vidinis HTML = „JavaScript turinys“ ;
scenarijus >
Aukščiau pateiktas kodas yra identiškas ankstesniam kodui, pasikeitus kodų blokų išdėstymui. Taip yra, kad „ “ elementas yra nurodytas prieš jį pasiekiant JavaScript kode.
Išvestis
Kaip matyti, iškilusi klaida išspręsta, o turinys atnaujintas naudojant „ vidinis HTML “ rodoma nuosavybė.
2 pavyzdys: Nepagaunamo tipo klaidos įvykis: Negalima nustatyti null savybių getElementById() dėl neteisingos prieigos prie ID
Nurodyta klaida taip pat gali atsirasti neteisingai prisijungus prie ID.
Panagrinėkime toliau pateiktą pavyzdį:
< palapinės id = 'dėl' > Java palapinė >< scenarijaus tipas = 'tekstas/javascript' >
dokumentas. getElementById ( '#dėl' ) . vidinisTekstas = 'Scenarijus' ;
scenarijus >
Aukščiau pateiktame kodo fragmente:
- Įtraukti „ “ elementas, turintis nurodytą “ id “ ir teksto reikšmę.
- Kodo JS dalyje pasiekite ankstesniame veiksme įtrauktą elementą naudodami „ getElementById() “ metodas.
- „ id “ formatas nėra teisingas, atsižvelgiant į konkretaus elemento prieigos būdą.
- Čia „ vidinisTekstas “ ypatybė rodo nurodytą teksto reikšmę.
Išvestis
Šiame išvestyje galima patikrinti, ar pritaikyta ypatybė neturėjo įtakos elementui dėl netinkamo id formato.
Sprendimas
Minėtą klaidą šiame konkrečiame scenarijuje galima išspręsti teisingai nurodant ID, kai pasiekiate elementą:
< palapinės id = 'dėl' > Java palapinė >< scenarijaus tipas = 'tekstas/javascript' >
dokumentas. getElementById ( 'dėl' ) . vidinisTekstas = 'Scenarijus' ;
scenarijus >
Atlikite toliau nurodytus veiksmus, kaip nurodyta aukščiau esančiame kode:
- Įtraukite ' 'elementas, turintis nurodytą ' id “.
- „JavaScript“ kodo fragmente pasiekite elementą, ankstesniame veiksme nurodydami elemento „ id “ teisingai per „ getElementById() “ metodas.
- Galiausiai pritaikykite „ vidinisTekstas “ nuosavybę ir rodyti nurodytą teksto turinį, kuris šiuo atveju bus atnaujintas.
Išvestis
Aukščiau pateiktame išvestyje galima įsivaizduoti, kad rodomas atnaujintas teksto turinys.
Išvada
„ Nepagautas tipo klaida: negalima nustatyti null savybių getElementById() “ JavaScript gali būti išspręstas nurodant elementą prieš jį pasiekiant arba nurodant ID tinkamu formatu. Tai padarius, atitinkamos funkcijos gali būti vykdomos abiem atvejais. Šiame tinklaraštyje pateikiami nurodymai, kaip išspręsti nepagautą tipo klaidą: „JavaScript“ negalima nustatyti null ypatybių getElementById().