Javascript: Uncaught TypeError: Cannot read property of null

Deze melding krijg je als je probeert een waarde op te halen (value of innerText bijvoorbeeld) van een element dat niet bestaat.

Dus stel, je hebt deze code:

var test = document.getElementById('testID').innerText;

Als er geen element op de pagina is die de id ’testID’ heeft krijg je dus de foutmelding:

Uncaught TypeError: Cannot read property of null

Hoe los je dit op? Dat is eigenlijk heel simpel; je dient te zorgen dat de variabele test sowieso bestaat maar leeg is. En kijkt vervolgens of het element er is met de id ’testID’. Zo ja, dan laat je de variabele test alsnog de value of innerText krijgen van dit element:

var test = "";
var testInput = document.getElementById('een-ID');
if (testInput) {
  test = testInput.innerText;
}