Javascript Imposta Lo Stile

| | | |

Un typeerror viene generato quando un valore non è del tipo previsto. A differenza del valore di undefined, al valore null può essere assegnato involontariamente un codice per gli sviluppatori di valore nel loro programma. L’errore rappresenta l’assenza di qualsiasi valore o oggetto. Il valore è primitivo e falso.

La proprietà style viene utilizzata per ottenere e impostare lo stile in linea di un documento Elemento del modello a oggetti (DOM). DOM è un’interfaccia di programmazione che rappresenta gli oggetti che vedi in una pagina web o in un documento. Puoi manipolare questa rappresentazione nella console.

In questo articolo, esaminiamo la causa della ricezione di un errore di digitazione null quando si utilizza la proprietà style nel DOM, nonché alcune possibili soluzioni.

Perché Javascript sta generando l’errore di digitazione di Null con la proprietà Style nel DOM

Quando si tenta di aggiornare lo stile di un elemento utilizzando JavaScript, è necessario chiamare il valore corretto per il selettore che stiamo invocando. Di seguito sono riportati i getElements utilizzati quando si tenta di manipolare un elemento in una pagina Web o in un documento.

Possiamo anche usare il documento .querySelector() e document.querySelectorAll() metodi.

Diciamo che abbiamo alcuni dei seguenti elementi nel documento che siamo cercando di manipolare.

Diciamo di voler modificare il terzo elemento dell’elenco. Usando il DOM, il codice dovrebbe essere simile a questo:

Tuttavia, questo codice genererà un errore di tipo null poiché non abbiamo un id chiamato ‚Äòterzo‚Äô. L’id che stiamo cercando di modificare nel nostro codice JavaScript è un valore assente. Il nome id della terza voce dell’elenco è codificato come ‚Äòquarto‚Äô.

L’errore può essere generato anche quando si digitano valori errati o si ignora l’importanza della distinzione tra maiuscole e minuscole.

Debug

Possiamo correggere questo errore in uno dei due modi. Possiamo cambiare il nome ID nell’HTML da ‚Äòquarto‚Äô a ‚Äòterzo‚Äô oppure possiamo cambiare il nostro codice in JavaScript per ottenere l’id di ‚Äòquarto‚Äô. Poiché è sempre meglio codificare per la leggibilità umana, cambieremo semplicemente il nome dell’id sul terzo elemento dell’elenco in terzo.

Conclusione

Quando proviamo a cambiare lo stile di un elemento nel DOM, dobbiamo assicurarci di accedervi con il nome corretto. Qualsiasi tentativo di modificare lo stile di un elemento con un valore assente genererà un valore typeerror null.

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers

News


Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method