TypeError: null is not an object

Salut, j'utilise des boites pour mes alertes, je les fais défiler à droite, tout fonctionne bien c'est sympa.
Sauf que y'en a une qui me sort une erreur :( "null"
Le code :

Code:

---

1 2 3 4 5 6 7 8

var num=0; document.getElementById('alertid').innerHTML += '<div class="alert_box" id="alertbox'+num+'"><span style="float:right;" onclick="alerted('+num+')">X</span> PLOP !</div>'; setTimeout(function(){ alerted(num)}, 3000); num++; function alerted(n){ document.getElementById('alertbox'+n).remove(); }

---

Ensuite j'ai eu 2 alertes, celle-ci est la deuxième (donc num=1) la premiere est une boite de bienvenue.

Code:

---

<div class="alert_box" id="alertbox1"><span style="float:right;" onclick="alerted(1)">X</span> PLOP !</div>

---

TypeError: null is not an object (evaluating 'document.getElementById('alertbox'+n).remove')

Quand j'appuie sur la petite croix ça fonctionne par contre...
Je comprends carrément pas le soucis, help please :aie:

fais gaffe quand tu fais:

Code:

---

1 2 3 4

var num=0; setTimeout(function(){ alert(num)}, 3000); num++;

---

ça donne un, car num change avant l'évaluation de la fonction...
Deux solutions:
1°

Code:

---

1 2 3 4

var num=0; setTimeout("alert("+num+");", 3000); num++;

---

2° de loin la plus élégante

Code:

---

1 2 3

var num=0; setTimeout(function(){ alert(num++); }, 3000);

---

à adapter au cas que tu rencontres...

Sinon la fonction remove n'existe pas en javascript natif, sans librairie.
Je pense qu'ici tu fais référence à celle de jquery, il faut donc l'appeler ainsi:

Code:

---

1 2	$('#alertbox'+n).remove();

---

et ne pas oublier de renseigner la source de jquery soit en local soit en distant.
https://jquery.com/
exemple:

Code:

---

1 2	<script type="text/javascript" src="jquery-2.1.4.min.js"></script>

---