var list =document.getElementsByClassName('prove');
for(var i=0;i<list.length;i++){
list[i].index=i;
list[i].onclick=function () {
var inde=this.index;
alert(inde);
console.log(list[inde]);
var re=list[inde];
list.remove(re);
}
} 报错如下图
for(var i=0;i<list.length;i++){
list[i].index=i;
list[i].onclick=function () {
var inde=this.index;
alert(inde);
console.log(list[inde]);
var re=list[inde];
list.remove(re);
}
} 报错如下图
改成this.parentNode.removeChild(this)试试
要使用remove,先引入jquery库。
$(re).remove();或者用原生Dom对象的移除方法
re.parentNode.removeChild(re);
for(var i=0;i<list.length;i++){
list[i].index=i;
list[i].onclick=function () {
var inde=this.index;
alert(inde);
console.log(list[inde]);
var re=list[inde];
list.remove(re);
}
} 你的list变量在当前的onclick函数中是不存在的,
你可以尝试修改onclick方法为
list[i].onclick=(function () {
return function(){
var inde=this.index;
alert(inde);
console.log(list[inde]);
var re=list[inde];
list.remove(re);
}
})(list);