DOM e Web API

TypeError: Cannot read properties of null (reading 'addEventListener') – JavaScript DOM_ADDEVENTLISTENER_NULL

DOM_ADDEVENTLISTENER_NULL

Il metodo 'document.querySelector()' o 'getElementById()' non ha trovato alcun nodo corrispondente nel DOM (perché l'ID non esiste o lo script viene eseguito prima del caricamento del tag HTML) restituendo null.

Categoria: JavaScriptGruppo: DOM e Web APIConfidenza: altaUltimo aggiornamento: 19-08-2026Letto 1 volta

Cosa significa questo errore?

Il metodo 'document.querySelector()' o 'getElementById()' non ha trovato alcun nodo corrispondente nel DOM (perché l'ID non esiste o lo script viene eseguito prima del caricamento del tag HTML) restituendo null.

Messaggio originale

TypeError: Cannot read properties of null (reading 'addEventListener')

Contesto e parole chiave

Alias

  • Cannot read properties of null reading addEventListener

Messaggi alternativi

  • impossibile aggiungere event listener a elemento null

Prodotti

  • JavaScript Engine (V8, SpiderMonkey, JavaScriptCore) / Web API

Piattaforme

  • Bun
  • Deno
  • Node.js
  • Qualsiasi Browser Web

Parole chiave

  • DOM e Web API
  • ecmascript
  • errore-javascript-addeventlistener-of-null
  • javascript
  • javascript.dom.cannot-read-property-addeventlistener-of-null
  • js

Cause possibili

Causa tecnica per Errore JavaScript: Cannot read properties of null (reading 'addEventListener')

Il metodo 'document.querySelector()' o 'getElementById()' non ha trovato alcun nodo corrispondente nel DOM (perché l'ID non esiste o lo script viene eseguito prima del caricamento del tag HTML) restituendo null.

molto comune

Diagnosi

Diagnostica in console browser per Errore JavaScript: Cannot read properties of null (reading 'addEventListener')

Aprire la Console degli Strumenti per Sviluppatori (F12) o verificare l'output di esecuzione Node.js per analizzare lo stack trace.

Come leggere il risultato. Indica il file sorgente esatto e la riga di codice in cui si è verificata l'eccezione o il type error.

terminal
node --trace-warnings app.js

Risoluzione

Risoluzione standard per Errore JavaScript: Cannot read properties of null (reading 'addEventListener')

Difficoltà: facileRischio: basso

Applicare la correzione al codice sorgente JavaScript conforme agli standard ECMAScript moderni.

  1. Ispezionare la riga evidenziata nella console degli errori
  2. Applicare optional chaining (?.) o gestione condizionale dei valori null/undefined
  3. Ricaricare la pagina o riavviare il processo per verificare la scomparsa dell'errore

Domande frequenti

Come risolvere l'errore Errore JavaScript: Cannot read properties of null (reading 'addEventListener') in JavaScript?

Il metodo 'document.querySelector()' o 'getElementById()' non ha trovato alcun nodo corrispondente nel DOM (perché l'ID non esiste o lo script viene eseguito prima del caricamento del tag HTML) restituendo null.

Approfondimenti

Schede correlate