Kako se pojavljuje Uncaught TypeError: Cannot set properties of null at getElementById()?
' Uncaught TypeError: Nije moguće postaviti svojstva null kod getElementById() ” može se dogoditi iz sljedećih razloga:
Primjer 1: Pojava Uncaught TypeError: Nije moguće postaviti svojstva null na getElementById() zbog prethodnog pristupa elementu
U ovom primjeru, raspravljat će se o pogrešci do koje je došlo zbog pristupa određenom elementu prije nego što je navedeno:
< skripta >
dokument. getElementById ( 'glava' ) . unutarnjiHTML = 'JavaScript sadržaj' ;
skripta >
< centar >< tijelo >
< h2 id = 'glava' > Web stranica Linuxhint h2 >
tijelo > centar >
Primijenite sljedeće korake, kako je navedeno u gornjim redcima koda:
- Prvo uključite blok JavaScript koda unutar '
” oznaka. - Ovdje pristupite elementu koji odgovara navedenom ' iskaznica ' koristiti ' getElementById() ” metoda.
- Također, primijenite ' unutarnjiHTML ” svojstvo za ažuriranje sadržaja elementa kojem se pristupa.
- U HTML kodu unutar '
” uključite naslov koji ima naveden “ iskaznica ”. - Nakon izvršavanja koda pojavljuje se pogreška tipa ' Nije moguće postaviti svojstva null kod getElementById() ' dogodit će se. To je zato što element ' ” se pristupa prije nego što je uopće navedeno.
Izlaz
U gornjem ispisu vidljivo je da se navedena pogreška prikazuje zbog prethodnog pristupa elementu.
Riješenje
Gore navedena pogreška u ovom slučaju može se riješiti sekvenciranjem koda tako da se element navede prije nego mu se pristupi.
Sljedeći primjer ilustrira navedeni koncept:
< centar >< tijelo >< h2 id = 'glava' > Web stranica Linuxhint h2 >
tijelo > centar >
< skripta >
dokument. getElementById ( 'glava' ) . unutarnjiHTML = 'JavaScript sadržaj' ;
skripta >
Gornji kod je identičan prethodnom kodu s promjenom u postavljanju kodnih blokova. Takav je da ' ” element je naveden prije nego mu se pristupi u JavaScript kodu.
Izlaz
Kao što se vidi, uočena pogreška je riješena, a sadržaj je ažuriran putem ' unutarnjiHTML ” svojstvo je prikazano.
Primjer 2: Pojava Uncaught TypeError: Nije moguće postaviti svojstva null kod getElementById() zbog netočnog pristupa ID-u
Na navedenu pogrešku može se naići i neispravnim pristupom ID-u.
Prođimo kroz dolje navedeni primjer:
< id okvira = 'za' > Java nadstrešnica >< vrsta skripte = 'tekst/javascript' >
dokument. getElementById ( '#za' ) . unutarnjiTekst = 'Skripta' ;
skripta >
U gornjem isječku koda:
- Uključi ' <šator> ' element koji ima navedeno ' iskaznica ” i tekstualnu vrijednost.
- U JS dijelu koda pristupite elementu uključenom u prethodnom koraku pomoću ' getElementById() ” metoda.
- ' iskaznica ” format ovdje nije točan, s obzirom na način pristupa određenom elementu.
- Ovdje, ' unutarnjiTekst ” svojstvo prikazuje navedenu tekstualnu vrijednost.
Izlaz
U ovom izlazu može se potvrditi da primijenjeno svojstvo nije utjecalo na element zbog netočnog formata ID-a.
Riješenje
Spomenuta pogreška u ovom scenariju može se riješiti ispravnim navođenjem ID-a prilikom pristupa elementu:
< id okvira = 'za' > Java nadstrešnica >< vrsta skripte = 'tekst/javascript' >
dokument. getElementById ( 'za' ) . unutarnjiTekst = 'Skripta' ;
skripta >
Provedite dolje navedene korake, kao što je navedeno u gornjem kodu:
- Uključi ' <šator> ' element koji ima zadano ' iskaznica ”.
- U isječku JavaScript koda, pristupite elementu, u prethodnom koraku navodeći ' elementa iskaznica ' ispravno putem ' getElementById() ” metoda.
- Na kraju primijenite ' unutarnjiTekst ” i prikazati navedeni tekstualni sadržaj, koji će se u ovom slučaju ažurirati.
Izlaz
U gornjem izlazu može se vizualizirati da je prikazan ažurirani tekstualni sadržaj.
Zaključak
' Uncaught TypeError: Nije moguće postaviti svojstva null kod getElementById() ” u JavaScriptu može se riješiti navođenjem elementa prije pristupanja ili navođenjem ID-a u ispravnom formatu. Nakon što to učinite, odgovarajuće funkcije mogu se izvršiti u oba slučaja. Ovaj blog vodi o rješavanju Uncaught TypeError: Cannot set properties of null at getElementById() in JavaScript.