解決できない：Uncaught TypeError： 'Node'で 'appendChild'を実行できませんでした：パラメータ1のタイプが 'Node'ではありません

Question

私は同様の質問で回答を探してみましたが、私はエラーがjquery、DOM変換に起因することを知っていますが、私は問題を解決することができません、私はappend（）を使用しようとしました。 appendChild（）;の代わりに。ドラッグアンドドロップ機能を実装しようとしています。

これは私のjavascriptのである：（コメントは私がしようとした方法である）

$('#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

理由はnotecardあるnodeされていません。

は、ソリューション、DOMオブジェクトを動的に作成された要素のためにロードされていなかったと私はそう event.originalEvent.dataTransfer.getData("text/plai‌​n");がなどがnullを返していました、彼らが作成される前に、JS関数を呼び出していましたが見つかりあなたのコード

$('#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

にいくつかの変更を行いますjsがロードされたときに要素が存在しませんでした。この問題を解決するためにDOMが作成された関数を呼び出しました。 Like '<div id="itemT'+j+'" name="task'+j+'" draggable="true" contenteditable class="cardTitle" ondragstart="dragS1(event)"></div>'