在HTML中拖放（替換）5

Question

我有從哪裏可以拖動元素並放入另一個div的菜單，它的工作原理。但我怎麼能做到元素的更換？

function allowDrop(ev) { 
    ev.preventDefault(); 
} 

function drag(ev) { 
    ev.dataTransfer.setData("text", ev.target.id); 
} 

function OnDragEnter(){ 
} 
function drop(ev) { 
    ev.preventDefault(); 
    var data = ev.dataTransfer.getData("text"); 
    var nodeCopy = document.getElementById(data).cloneNode(true); 
    nodeCopy.id = "newId"; 
    ev.target.appendChild(nodeCopy); 
} 

Answer 1

試試這個：

function allowDrop(ev) { 
    ev.preventDefault(); 
} 

function drag(ev) { 
    ev.dataTransfer.setData("text", ev.target.id); 
} 

function drop(ev) { 
    ev.preventDefault(); 
    var data = ev.dataTransfer.getData("text"); 
    ev.target.removeChild(ev.target.childNodes[0]); 
    ev.target.appendChild(document.getElementById(data)); 
}