2017-05-11 134 views
-1

我和我的项目非常接近,但是因为我不能创建一个简单的函数,所以cna删除了一个元素,现在我正在寻求帮助,因为我找不到它。 因此,我目前正在创建粘贴便签,我可以: 删除,调整大小,colorate,添加和写入便条,但现在我需要删除它们,但当我创建删除元素时,我单击一个按钮什么都没有或者注释掉了。 这是我曾尝试:Javascript删除一个元素

var noteDelete = document.getElementsByClassName("sticky"); 
for (var i = 0; i < noteDelete.length; i++) { 
    noteDelete[i].onclick = function() {this.parentNode.removeChild(this);} 
} 

这是我codepen https://codepen.io/Qbinx/pen/OmObRg?editors=1010

(删除按钮是一个与音符的右侧就可以了d!)

+1

哪里正是在codepen我们发现你在上面所示的代码? – CBroe

+1

需要2000行代码来说明这个问题!而'sticky'类无处可查。 – trincot

+0

这是怎么回事? –

回答

0

添加D按钮的一个click处理程序。

... 

deleteBtn.append(deleteBtnIcon); 
barEl.append(moveIcon); 

stickerEl.addEventListener('mousedown', onDragStart, false); 
deleteBtn.addEventListener('click', onDeleteNote, false) // <--- 

... 

然后onDeleteNote函数中执行以下操作:

onDeleteNote = function(e) { 
    document.body.removeChild(this.parentNode) 
} 

你可以在听者更具体的,但我没有足够的时间去通过所有行。 ;)

这里是一个分叉CodePen