Tabamata tüübiviga: nulli atribuute ei saa määrata atribuudil getElementById()

Rakendage järgmisi samme, nagu on näidatud ülaltoodud koodiridadel:

• Esiteks lisage JavaScripti koodiplokk '
  

  ---

  Ülaltoodud väljundis on näha, et märgitud viga kuvatakse elemendile eelneva juurdepääsu tõttu.

  Lahendus

  Sel juhul saab ülaltoodud tõrke lahendada koodi järjestamisega nii, et element määratakse enne sellele juurde pääsemist.

  
  
  

  Järgmine näide illustreerib esitatud kontseptsiooni:

  < Keskus >< keha >
  
  < h2 id = 'pea' > Linuxhinti veebisait h2 >
  
  keha > Keskus >
  
  < stsenaarium >
  
  dokument. getElementById ( 'pea' ) . sisemine HTML = 'JavaScripti sisu' ;
  
  stsenaarium >

  Ülaltoodud kood on identne eelmise koodiga koodiplokkide paigutuse muudatusega. See on selline, et '

  ” element on määratud enne, kui sellele JavaScripti koodis juurde pääseb.

  Väljund

  

  Nagu näha, lahendatakse ilmnenud tõrge ja värskendatud sisu „ sisemine HTML ” kuvatakse atribuut.

  Näide 2: tabamata tüübivea esinemine: atribuudi null atribuute ei saa atribuudile getElementById() määrata vale juurdepääsu tõttu ID-le

  Nimetatud tõrge võib ilmneda ka siis, kui id-le juurde pääsete valesti.

  Vaatame läbi alltoodud näite:

  < telgi id = 'eest' > Java teltis >
  
  < skripti tüüp = 'tekst/javascript' >
  
  dokument. getElementById ( '#eest' ) . sisemine Tekst = 'Skript' ;
  
  stsenaarium >

  Ülaltoodud koodilõigul:

  • Kaasake ' ' element, millel on märgitud ' id ” ja teksti väärtus.
  • Koodi JS-osas pääsete juurde eelmises etapis lisatud elemendile, kasutades ' getElementById() ” meetod.
  • ' id ” vorming ei ole õige, arvestades konkreetsele elemendile juurdepääsu meetodit.
  • Siin on ' sisemine Tekst ” atribuut kuvab märgitud tekstiväärtuse.

  Väljund

  

  Selles väljundis saab kontrollida, et rakendatud omadus ei mõjutanud elementi vale id-vormingu tõttu.

  Lahendus

  Nimetatud tõrke selles konkreetses stsenaariumis saab lahendada, määrates elemendile juurdepääsu ajal õigesti ID:

  < telgi id = 'eest' > Java teltis >
  
  < skripti tüüp = 'text/javascript' >
  
  dokument. getElementById ( 'eest' ) . sisemine Tekst = 'Skript' ;
  
  stsenaarium >

  Rakendage alltoodud samme, nagu on kirjeldatud ülaltoodud koodis:

  • Kaasake ' ' element, millel on antud ' id ”.
  • JavaScripti koodilõigul pääsete elemendile juurde, eelmises etapis määrates elemendi ' id ' õigesti läbi ' getElementById() ” meetod.
  • Lõpuks rakendage ' sisemine Tekst ” atribuuti ja kuvada märgitud tekstisisu, mida sel juhul uuendatakse.

  Väljund

  

  Ülaltoodud väljundis võib visualiseerida, et kuvatakse värskendatud tekstisisu.

  Järeldus

  ' Tabamata tüübiviga: nulli atribuute ei saa määrata atribuudil getElementById() ” JavaScriptis saab lahendada, määrates elemendi enne sellele juurdepääsu või määrates id õiges vormingus. Pärast seda saab mõlemal juhul käivitada vastavad funktsioonid. See ajaveeb juhendab tabamata tüübivea lahendamist: JavaScriptis ei saa nulli atribuute at getElementById() määrata.