JavaScriptのonDrop属性が割り当てられていません

Question

javascriptで厄介な問題が発生しました。私は他のdivを削除することができるdivボックスを作成しようとしました。不思議なことに、onDrop属性はdivに割り当てられませんが、もしそれを読めば、それは持っているようです。ここで私のエラーはどこですか？それほどの混乱のためのフィドルやコードを更新：ここ はfiddle

function creatLeftRightTree(parentElement){ 
      var leftTree = document.createElement("DIV"); 
      var rightTree = document.createElement("DIV"); 

      leftTree.id="leftTree"; 
      rightTree.id="rightTree"; 
      leftTree.className="dndcontainer"; 
      rightTree.className="dndcontainer"; 


      leftTree.onDrop="drop(event)"; 
      rightTree.onDrop="drop(event)"; 

      rightTree.ondragover="allowDrop(event)"; 

      parentElement.appendChild(leftTree); 
      parentElement.appendChild(rightTree); 
      rightTree.innerHTML+= rightTree.onDrop; 
      //it must not be possible to drop in the left Tree 

     } 
     function drop(ev) { 
     ev.preventDefault(); 
     var data = ev.dataTransfer.getData("text"); 
     var dropTarget = ev.target; 
       dropTarget.appendChild(document.getElementById(data)); 
     } 

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

function drag(ev) { 
      ev.preventDefault(); 
     } 
creatLeftRightTree(document.getElementsByTagName("body")[0]); 

EDITです。 drop（event）というalternativ関数を書いた。しかし、本当に問題ではない、問題がある原因：これは

Answer 1

JavaScriptイベントハンドラはすべて小文字ですonDrop属性を変更しません。 ondropを意味します。

また、文字列を割り当てないでください。関数を直接割り当てる必要があります。

leftTree.ondrop = drop;