在 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));
}