Как объект может разрушить событие, в javascript?

Question

У меня есть эта функция, чтобы создать DIV на лету. Но теперь я хочу уничтожить этот объект по событию onclick, но я просто не знаю, как это сделать.

function creatediv(id) { 

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

} 

Что мне не хватает?

Благодаря

Answer 1

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

Answer 2

Просто установив его недействительным не уничтожит его. Вам нужно удалить его из дерева документов, убедившись, что ссылок на него нет.

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

Принятый ответ кажется неправильным для меня. Во-первых, он не учитывает newdiv, содержащий дочерние элементы, поэтому предлагаемая процедура удаления предотвращает утечку памяти через блокировки (IE). Во-вторых, из-за позиции «newdiv = null» созданная функция немедленно уничтожает только что созданный элемент. Я бы рекомендовал использовать Douglas Crockfords purge Функция для обработчика кликов, заменив d этим.

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]); 
     } 
    } 
}