Cum apare TypeError neprins: nu pot seta proprietățile null la getElementById()?
„ Eroare de tip neprins: nu se pot seta proprietățile null la getElementById() ” poate apărea din următoarele motive:
Exemplul 1: Apariția TypeError neprins: Nu se pot seta proprietățile null la getElementById() din cauza accesului anterior al elementului
În acest exemplu, eroarea întâlnită din cauza accesului unui anumit element înainte de a-l specifica va fi discutată:
< scenariu >
document. getElementById ( 'cap' ) . innerHTML = „Conținut JavaScript” ;
scenariu >
< centru >< corp >
< h2 id = 'cap' > Site-ul web Linuxhint h2 >
corp > centru >
Aplicați următorii pași, așa cum sunt indicați în rândurile de cod de mai sus:
- În primul rând, includeți blocul de cod JavaScript în „
În rezultatul de mai sus, se poate observa că eroarea declarată este afișată datorită accesului prealabil la element.
Soluţie
Eroarea întâlnită mai sus în acest caz poate fi rezolvată prin secvențierea codului astfel încât elementul să fie specificat înainte de a fi accesat.
Următorul exemplu ilustrează conceptul declarat:
< centru >< corp >
< h2 id = 'cap' > Site-ul web Linuxhint h2 >
corp > centru >
< scenariu >
document. getElementById ( 'cap' ) . innerHTML = „Conținut JavaScript” ;
scenariu >Codul de mai sus este identic cu codul anterior cu modificarea plasării blocurilor de cod. Este de așa natură încât „ ” este specificat înainte de a fi accesat în codul JavaScript.
Ieșire
După cum s-a văzut, eroarea întâlnită este rezolvată, iar conținutul actualizat prin intermediul „ innerHTML ” este afișată proprietatea.
Exemplul 2: Apariția TypeError neprins: Nu se pot seta proprietățile null la getElementById() din cauza accesului incorect la ID
Eroarea declarată poate fi întâlnită și prin accesarea incorectă a id-ului.
Să trecem prin exemplul de mai jos:
< id-ul marcajului = 'pentru' > Java marcaj >
< tip de script = „text/javascript” >
document. getElementById ( '#pentru' ) . innerText = 'Script' ;
scenariu >În fragmentul de cod de mai sus:
- Includeți un „
„element având mențiunea „ id ” și valoarea textului. - În partea JS a codului, accesați elementul inclus în pasul anterior utilizând „ getElementById() ” metoda.
- „ id ” formatul de aici nu este corect, având în vedere metoda de accesare a elementului respectiv.
- Aici ' innerText ” afișează valoarea textului declarată.
Ieșire
În această ieșire, se poate verifica că proprietatea aplicată nu a afectat elementul din cauza formatului id incorect.
Soluţie
Eroarea menționată în acest scenariu particular poate fi rezolvată prin specificarea corectă a id-ului în timpul accesării elementului:
< id-ul marcajului = 'pentru' > Java marcaj >
< tip de script = „text/javascript” >
document. getElementById ( 'pentru' ) . innerText = 'Script' ;
scenariu >Implementați pașii menționați mai jos, așa cum se menționează în codul de mai sus:
- Includeți „
” element având data “ id ”. - În fragmentul de cod JavaScript, accesați elementul, în pasul anterior, specificând elementul „ id ” corect prin intermediul „ getElementById() ” metoda.
- În cele din urmă, aplicați „ innerText ” și afișează conținutul textului declarat, care va fi actualizat în acest caz.
Ieșire
În rezultatul de mai sus, se poate vizualiza că este afișat conținutul text actualizat.
Concluzie
„ Eroare de tip neprins: nu se pot seta proprietățile null la getElementById() ” în JavaScript poate fi rezolvată prin specificarea elementului înainte de a-l accesa sau prin specificarea id-ului în formatul corect. După ce faceți acest lucru, funcționalitățile corespunzătoare pot fi executate în ambele cazuri. Acest blog a ghidat despre rezolvarea TypeError neprins: Nu se pot seta proprietățile null la getElementById() în JavaScript.
- Includeți un „