Nenoķertā tipa kļūda: nevar iestatīt nulles rekvizītus getElementById()

Nenokerta Tipa Kluda Nevar Iestatit Nulles Rekvizitus Getelementbyid



Izpildot koda blokus JavaScript, var rasties situācijas, kad rodas dažāda veida kļūdas, kas kļūst par vājo vietu koda funkcionalitātes ieviešanā. Šīs kļūdas ietver neinicializētas vērtības parādīšanu, piekļuvi elementam pirms tā norādīšanas utt. Viena no šādām kļūdām ir ' Nenoķertā tipa kļūda: nevar iestatīt nulles rekvizītus getElementById() ”, kas tiks apspriests un atrisināts šajā rakstā.

Kā notiek nenoķertā tipa kļūda: nevar iestatīt nulles rekvizītus getElementById()?

' Nenoķertā tipa kļūda: nevar iestatīt nulles rekvizītus getElementById() ” var rasties šādu iemeslu dēļ:

1. piemērs: nenoķerta tipa kļūda: nevar iestatīt nulles rekvizītus getElementById(), jo ir iepriekšēja piekļuve elementam.

Šajā piemērā tiks apspriesta kļūda, kas radusies, piekļūstot konkrētajam elementam pirms tā norādīšanas:







< skripts >

dokumentu. getElementById ( 'galva' ) . innerHTML = 'JavaScript saturs' ;

skripts >

< centrs >< ķermenis >

< h2 id = 'galva' > Linuxhint vietne h2 >

ķermenis > centrs >

Veiciet šādas darbības, kā norādīts iepriekš minētajās koda rindās:



  • Pirmkārt, iekļaujiet JavaScript koda bloku sadaļā ' ” tagu.
  • Šeit piekļūstiet elementam, kas atbilst norādītajam ' id ' izmantojot ' getElementById() ” metode.
  • Tāpat izmantojiet ' innerHTML ” rekvizītu, lai atjauninātu piekļūtā elementa saturu.
  • HTML kodā sadaļā “ ' tagu, iekļaujiet virsrakstu ar norādīto ' id ”.
  • Pēc koda izpildes tiek parādīta tipa kļūda ' Nevar iestatīt nulles rekvizītus getElementById() ” notiks. Tas ir tāpēc, ka elements '

    ” tiek piekļūts, pirms tas pat ir norādīts.

Izvade







Iepriekš minētajā izvadā var redzēt, ka norādītā kļūda tiek parādīta iepriekšējas piekļuves elementam dēļ.

Risinājums

Iepriekš radušos kļūdu šajā gadījumā var novērst, secīgi sakārtojot kodu tā, lai elements tiktu norādīts pirms tam tiek piekļūts.



Šis piemērs ilustrē minēto koncepciju:

< centrs >< ķermenis >

< h2 id = 'galva' > Linuxhint vietne h2 >

ķermenis > centrs >

< skripts >

dokumentu. getElementById ( 'galva' ) . innerHTML = 'JavaScript saturs' ;

skripts >

Iepriekš minētais kods ir identisks iepriekšējam kodam ar izmaiņām kodu bloku izvietojumā. Tas ir tā, ka '

” elements ir norādīts pirms tam tiek piekļūts JavaScript kodā.

Izvade

Kā redzams, radusies kļūda ir novērsta un atjauninātais saturs, izmantojot “ innerHTML ” tiek parādīts īpašums.

2. piemērs: nenoķerta tipa kļūda: nevar iestatīt nulles rekvizītus getElementById(), jo ir nepareiza piekļuve ID

Norādītā kļūda var rasties arī nepareizi piekļūstot ID.

Apskatīsim tālāk sniegto piemēru:

< telts id = 'priekš' > Java telts >

< skripta veids = 'teksts/javascript' >

dokumentu. getElementById ( '#priekš' ) . iekšējaisTeksts = 'Skripts' ;

skripts >

Iepriekš minētajā koda fragmentā: