In che modo si verifica l'errore di tipo non rilevato: impossibile impostare le proprietà di null su getElementById ()?
Il ' Errore di tipo non rilevato: impossibile impostare le proprietà di null su getElementById() ” potrebbe verificarsi per i seguenti motivi:
Esempio 1: occorrenza di un errore di tipo non rilevato: impossibile impostare le proprietà di null in getElementById() a causa dell'accesso precedente dell'elemento
In questo esempio, verrà discusso l'errore riscontrato a causa dell'accesso del particolare elemento prima di specificarlo:
< copione >
documento. getElementById ( 'testa' ) . innerHTML = 'Contenuto JavaScript' ;
copione >
< centro >< corpo >
< h2 id = 'testa' > Sito web di Linuxhint h2 >
corpo > centro >
Applicare i seguenti passaggi, come indicato nelle righe di codice precedenti:
- In primo luogo, includi il blocco di codice JavaScript all'interno del '
etichetta '. - Qui, accedi all'elemento corrispondente a ' id ' usando il ' getElementById() ' metodo.
- Inoltre, applica il ' innerHTML ” per aggiornare il contenuto dell'elemento a cui si accede.
- Nel codice HTML all'interno del '
” tag, include un'intestazione con lo specificato “ id ”. - All'esecuzione del codice, l'errore di tipo ' Impossibile impostare le proprietà di null su getElementById() ' si verificherà. Questo perché l'elemento ' ” è accessibile prima ancora che sia specificato.
Produzione
Nell'output sopra, si può vedere che l'errore dichiarato viene visualizzato a causa di un precedente accesso all'elemento.
Soluzione
L'errore riscontrato sopra in questo caso può essere risolto sequenziando il codice in modo tale che l'elemento sia specificato prima dell'accesso.
Il seguente esempio illustra il concetto dichiarato:
< centro >< corpo >< h2 id = 'testa' > Sito web di Linuxhint h2 >
corpo > centro >
< copione >
documento. getElementById ( 'testa' ) . innerHTML = 'Contenuto JavaScript' ;
copione >
Il codice sopra è identico al codice precedente con la modifica del posizionamento dei blocchi di codice. È tale che il “ ” viene specificato prima di accedervi nel codice JavaScript.
Produzione
Come visto, l'errore riscontrato viene risolto e il contenuto aggiornato tramite il ' innerHTML ” viene visualizzata la proprietà.
Esempio 2: occorrenza di un errore di tipo non rilevato: impossibile impostare le proprietà di null in getElementById() a causa dell'accesso errato di Id
L'errore dichiarato può essere riscontrato anche accedendo all'id in modo errato.
Esaminiamo l'esempio riportato di seguito:
< ID tendone = 'per' > Giava tendone >< tipo di sceneggiatura = 'testo/javascript' >
documento. getElementById ( '#per' ) . innerText = 'Copione' ;
copione >
Nello snippet di codice sopra:
- Includi un '
” elemento avente il dichiarato “ id ” e il valore del testo. - Nella parte JS del codice, accedi all'elemento incluso nel passaggio precedente utilizzando il ' getElementById() ' metodo.
- Il ' id ” il formato qui non è corretto, considerando il metodo per accedere al particolare elemento.
- Ecco, il “ innerText La proprietà ” visualizza il valore di testo dichiarato.
Produzione
In questo output, è possibile verificare che la proprietà applicata non ha influito sull'elemento a causa di un formato id non corretto.
Soluzione
L'errore menzionato in questo particolare scenario può essere risolto specificando correttamente l'id durante l'accesso all'elemento:
< ID tendone = 'per' > Giava tendone >< tipo di sceneggiatura = 'testo/javascript' >
documento. getElementById ( 'per' ) . innerText = 'Copione' ;
copione >
Implementare i passaggi indicati di seguito, come indicato nel codice precedente:
- Includi il '
” elemento avente il dato “ id ”. - Nello snippet di codice JavaScript, accedi all'elemento, nel passaggio precedente specificando l'elemento ' id ” correttamente tramite il “ getElementById() ' metodo.
- Infine, applica il ' innerText ” e visualizzare il contenuto del testo dichiarato, che in questo caso verrà aggiornato.
Produzione
Nell'output di cui sopra, è possibile visualizzare che viene visualizzato il contenuto di testo aggiornato.
Conclusione
Il ' Errore di tipo non rilevato: impossibile impostare le proprietà di null su getElementById() ” in JavaScript può essere risolto specificando l'elemento prima di accedervi o specificando l'id nel formato corretto. Dopo averlo fatto, le funzionalità corrispondenti possono essere eseguite in entrambi i casi. Questo blog ha guidato sulla risoluzione di Uncaught TypeError: Impossibile impostare le proprietà di null su getElementById() in JavaScript.