해결할 수 없음 : Uncaught TypeError : 'Node'에서 'appendChild'를 실행하지 못했습니다. 매개 변수 1의 유형이 'Node'가 아닙니다.

Question

비슷한 질문에서 답을 찾으려고했지만 해결할 수 없습니다. 오류가 jquery, DOM 변환으로 인해 발생하지만 문제를 해결할 수 없다는 것을 알고 append()를 사용하려고했습니다. appendChild(); 대신. 드래그 앤 드롭 기능을 구현하려고합니다. (주석으로 내가 시도했던 방법입니다)

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