Kako se pojavi Uncaught TypeError: Cannot set properties of null at getElementById()?
' Uncaught TypeError: ni mogoče nastaviti lastnosti null pri getElementById() ” lahko pride zaradi naslednjih razlogov:
Primer 1: Pojav Uncaught TypeError: ni mogoče nastaviti lastnosti null pri getElementById() zaradi predhodnega dostopa do elementa
V tem primeru bomo razpravljali o napaki, do katere je prišlo zaradi dostopa do določenega elementa, preden ga podate:
< scenarij >
dokument. getElementById ( 'glava' ) . notranjiHTML = 'Vsebina JavaScript' ;
scenarij >
< center >< telo >
< h2 id = 'glava' > Spletno mesto Linuxhint h2 >
telo > center >
Uporabite naslednje korake, kot je navedeno v zgornjih vrsticah kode:
- Najprej vključite blok kode JavaScript v »
' oznaka. - Tukaj dostopajte do elementa, ki ustreza navedenemu ' id ' uporabljati ' getElementById() ” metoda.
- Uporabite tudi ' notranjiHTML ” za posodobitev vsebine elementa, do katerega dostopate.
- V kodi HTML znotraj »
', vključite naslov z določenim ' id ”. - Pri izvajanju kode se prikaže napaka tipa ' Ni mogoče nastaviti lastnosti null pri getElementById() « se bo zgodilo. To je zato, ker element ' ” je dostopen, še preden je določen.
Izhod
V zgornjem izpisu je razvidno, da je navedena napaka prikazana zaradi predhodnega dostopa do elementa.
rešitev
Zgoraj ugotovljeno napako v tem primeru je mogoče razrešiti z zaporedjem kode, tako da je element naveden, preden se do njega dostopa.
Naslednji primer ponazarja navedeni koncept:
< center >< telo >< h2 id = 'glava' > Spletno mesto Linuxhint h2 >
telo > center >
< scenarij >
dokument. getElementById ( 'glava' ) . notranjiHTML = 'Vsebina JavaScript' ;
scenarij >
Zgornja koda je enaka prejšnji kodi s spremembo postavitve kodnih blokov. Tako je, da ' ” je določen, preden se do njega dostopa v kodi JavaScript.
Izhod
Kot je razvidno, je napaka odpravljena in posodobljena vsebina prek » notranjiHTML ” je prikazana lastnost.
Primer 2: Pojav napake Uncaught TypeError: ni mogoče nastaviti lastnosti null pri getElementById() zaradi nepravilnega dostopa do ID-ja
Na navedeno napako lahko naletite tudi z napačnim dostopom do ID-ja.
Oglejmo si spodnji primer:
< označevalni id = 'za' > Java šotor >< vrsta skripte = 'besedilo/javascript' >
dokument. getElementById ( '#za' ) . innerText = 'Skripta' ;
scenarij >
V zgornjem delčku kode:
- Vključite '
'element z navedeno' id « in besedilno vrednost. - V delu kode JS dostopajte do vključenega elementa v prejšnjem koraku z uporabo » getElementById() ” metoda.
- ' id ” format tukaj ni pravilen glede na način dostopa do določenega elementa.
- Tukaj je ' innerText ” lastnost prikaže navedeno besedilno vrednost.
Izhod
V tem izhodu je mogoče preveriti, da uporabljena lastnost ni vplivala na element zaradi nepravilne oblike ID-ja.
rešitev
Omenjeno napako v tem posebnem scenariju je mogoče odpraviti tako, da med dostopanjem do elementa pravilno navedete ID:
< označevalni id = 'za' > Java šotor >< vrsta skripte = 'besedilo/javascript' >
dokument. getElementById ( 'za' ) . innerText = 'Skripta' ;
scenarij >
Izvedite spodaj navedene korake, kot je navedeno v zgornji kodi:
- Vključi »
” element z danim ” id ”. - V delčku kode JavaScript dostopajte do elementa v prejšnjem koraku tako, da določite element ' id ' pravilno prek ' getElementById() ” metoda.
- Na koncu uporabite ' innerText ” in prikaže navedeno besedilno vsebino, ki bo v tem primeru posodobljena.
Izhod
V zgornjem izhodu je mogoče vizualizirati, da je prikazana posodobljena besedilna vsebina.
Zaključek
' Uncaught TypeError: ni mogoče nastaviti lastnosti null pri getElementById() ” v JavaScriptu lahko razrešite tako, da podate element pred dostopom do njega ali tako, da podate ID v pravilni obliki. Po tem se lahko v obeh primerih izvedejo ustrezne funkcije. Ta blog je vodil o reševanju Uncaught TypeError: ni mogoče nastaviti lastnosti null pri getElementById() v JavaScriptu.