2017-05-11 157 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