我有这个功能,可以即时创建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);
}
我错过了什么?
由于
答案 0 :(得分:10)
将其设置为null不会破坏它。您需要从文档树中删除它,同时确保没有指向它的引用。
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
}
答案 1 :(得分:5)
接受的答案对我来说似乎不对。首先,它不考虑包含子节点的newdiv,因此建议的删除例程通过闭包(IE)保持内存泄漏的危险。其次,由于'newdiv = null'的位置,creatediv函数会立即销毁刚刚创建的元素。 我建议使用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]);
}
}
}
答案 2 :(得分:0)
function removeElement(divNum) {
var d = document.getElementById('myDiv');
var olddiv = document.getElementById(divNum);
d.removeChild(olddiv);
}