Comment un objet peut-il être auto-destructeur sur un événement, en javascript?

Question

J'ai cette fonction, pour créer un DIV sur la volée. Mais maintenant, je veux détruire cet objet sur onclick événement, mais je ne sais pas comment.

function creatediv(id) { 

    var newdiv = document.createElement('div'); 
    newdiv.setAttribute('id', id); 
    newdiv.onclick=function(){this=null;}; //bad function 
    document.body.appendChild(newdiv); 

} 

Que manque-t-il?

Merci

Answer 1

function removeElement(divNum) { 
    var d = document.getElementById('myDiv'); 
    var olddiv = document.getElementById(divNum); 
    d.removeChild(olddiv); 
} 

Answer 2

réglage Il suffit nul ne le détruire. Vous devez le supprimer de l'arborescence du document tout en vous assurant qu'il n'y a aucune référence pointant dessus.

function creatediv(id) { 
    var newdiv = document.createElement('div'); 
    newdiv.setAttribute('id', id); 
    newdiv.onclick=function(e) { 
     this.parentNode.removeChild(this); 
    }; 
    document.body.appendChild(newdiv); 
    newdiv = null;//required in IE to prevent memory leak 
} 

Answer 3

La réponse acceptée me semble mal à. Tout d'abord, il ne considère pas newdiv contenant childnodes, donc la routine de suppression suggéré maintient un danger pour les fuites de mémoire via des fermetures (IE). Deuxièmement, en raison de la position de 'newdiv = null', la fonction creatediv détruit immédiatement l'élément nouvellement créé. Je recommande d'utiliser la fonction Douglas Crockfords purge pour le gestionnaire de clic, en remplaçant d avec cela.

function purge(d) { 
    var a = d.attributes, i, l, n; 
    if (a) { 
     l = a.length; 
     for (i = 0; i < l; i += 1) { 
      n = a[i].name; 
      if (typeof d[n] === 'function') { 
       d[n] = null; 
      } 
     } 
    } 
    a = d.childNodes; 
    if (a) { 
     l = a.length; 
     for (i = 0; i < l; i += 1) { 
      purge(d.childNodes[i]); 
     } 
    } 
}