Nicht in der Lage zu lösen: Uncaught TypeError: 'appendChild' auf 'Node' konnte nicht ausgeführt werden: Parameter 1 ist nicht vom Typ 'Node'

Question

Ich habe versucht, die Antwort in den ähnlichen Fragen zu suchen, aber ich kann nicht auflösen, Ich weiß, dass der Fehler aufgrund der JQuery, DOM-Konvertierung, aber ich bin nicht in der Lage, das Problem zu beheben, habe ich versucht, append() zu verwenden; anstelle von appendChild() ;. Ich versuche, Drag-and-Drop-Funktionalität zu implementieren.

Das ist mein javascript: (Die kommentierten ist die Methoden, die ich versucht habe)

$('#todo, #inprog').bind('drop', function(event) { 
    var notecard = event.originalEvent.dataTransfer.getData("text/plain"); 
    event.target.appendChild(document.getElementById(notecard)); 
    // var c = $(document.getElementById(notecard))[0]; 
    // var c = $('#notecard')[0]; 
    //event.target.innerHTML = document.getElementById(notecard); 
    //event.target.append(notecard); 
    //$(event.target).append(document.getElementById(notecard)); 
    //$(event.target).append('#notecard'); 
    //$('#notecard').appendTo(event.target); 
    event.preventDefault(); 
}); 

Answer 1

Der Grund ist notecard ist kein node.

einige Änderungen in Ihrem Code Sie

$('#todo, #inprog').bind('drop', function(event) { 
    var notecardText = event.originalEvent.dataTransfer.getData("text/plain"); 
    var notecard = document.createElement("div"); // Create a node first, div or p or span 
    notecard.appendChild(notecardText) // append your text to the node 
    event.target.appendChild(document.getElementById(notecard)); 
    event.preventDefault(); 
}); 

Answer 2

die Lösung gefunden, wurde das DOM-Objekt nicht für die Elemente dynamisch und ich rufe die js-Funktion, bevor sie entstehen, so event.originalEvent.dataTransfer.getData("text/plai‌​n"); zurückkehrt null, da es erstellt geladen war kein element vorhanden als die js geladen wurden. Ich habe die Funktion aufgerufen, in der das DOM erstellt wurde, um das Problem zu lösen. '<div id="itemT'+j+'" name="task'+j+'" draggable="true" contenteditable class="cardTitle" ondragstart="dragS1(event)"></div>'