TypeEerror non integrato non può impostare proprietà di null su getelementbyid

Durante l'esecuzione dei blocchi di codice in JavaScript, ci possono essere situazioni in cui si verificano vari tipi di errori, che diventano un collo di bottiglia nell'implementazione delle funzionalità del codice. Questi errori includono la visualizzazione di un valore non inizializzato, l'accesso all'elemento prima di specificarlo, ecc. Uno di questi errori è il "TypeEerror non integrato: Impossibile impostare le proprietà di Null su getElementById ()", Che sarà discusso e risolto in questo articolo.

Come si verifica il typeerror non impostato: non è possibile impostare le proprietà di null su getelementbyid ()?

IL "TypeEerror non integrato: Impossibile impostare le proprietà di Null su getElementById ()"Potrebbe verificarsi per i seguenti motivi:

• Accesso preventivo dell'elemento.
• Accesso errato di ID.

Esempio 1: occorrenza di tyleeerror non integrato: impossibile impostare le proprietà di null su getelementbyid () a causa del precedente accesso dell'elemento

In questo esempio, l'errore riscontrato a causa dell'accesso dell'elemento particolare prima di specificarlo verrà discusso:

Sito Web LinuxHint

Applicare i seguenti passaggi, come indicato nelle righe precedenti del codice:

• In primo luogo, includi il blocco di codice JavaScript all'interno del ""Tag.
• Qui, accedi all'elemento corrispondente al dichiarato "id" usando il "getElementById ()" metodo.
• Inoltre, applica il "Innerhtml"Proprietà per aggiornare il contenuto dell'elemento accessibile.
• Nel codice HTML all'interno del ""Tag, includi una rotta con il specificato"id".
• Al momento dell'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 venga specificato.

Produzione

Nell'output sopra, si può vedere che l'errore dichiarato viene visualizzato a causa dell'accesso preventivo all'elemento.

Soluzione

L'errore sopra riportato in questo caso può essere risolto sequenziando il codice in modo tale che l'elemento sia specificato prima di accedere.

Il seguente esempio illustra il concetto dichiarato:

Sito Web LinuxHint

Il codice sopra è identico al codice precedente con la modifica nel posizionamento dei blocchi di codice. È tale che il "

Produzione

Come visto, l'errore riscontrato viene risolto e il contenuto aggiornato tramite "Innerhtml"La proprietà viene visualizzata.

Esempio 2: occorrenza di tyleeerror non integrato: impossibile impostare le proprietà di null su getelementbyid () a causa dell'accesso errato di ID

L'errore dichiarato può anche essere riscontrato accedendo all'ID in modo errato.

Passiamo attraverso l'esempio di seguito:

Giava

Nel frammento di codice sopra:

• Includere un ""Elemento con il dichiarato"id"E il valore del testo.
• Nella parte JS del codice, accedi all'elemento incluso nel passaggio precedente usando "getElementById ()" metodo.
• IL "id"Il formato qui non è corretto, considerando il metodo per accedere all'elemento particolare.
• Qui, il "testo interno"La proprietà visualizza il valore di testo dichiarato.

Produzione

In questo output, si può verificare che la proprietà applicata non abbia influito sull'elemento a causa del formato ID errato.

Soluzione

L'errore menzionato in questo particolare scenario può essere risolto specificando correttamente l'ID accedendo all'elemento:

Giava

Implementa i passaggi di seguito, come indicato nel codice sopra:

• Includere il ""Elemento con il dato"id".
• Nel frammento del codice JavaScript, accedi all'elemento, nel passaggio precedente specificando l'elemento "id"Correttamente tramite il"getElementById ()" metodo.
• Infine, applica il "testo interno"Proprietà e visualizza il contenuto di testo dichiarato, che verrà aggiornato in questo caso.

Produzione

Nell'output sopra, si può visualizzare che viene visualizzato il contenuto di testo aggiornato.

Conclusione

IL "TypeEerror non integrato: 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 del tyleeerror non integrato: Impossibile impostare le proprietà di Null su getElementById () in JavaScript.