JavaScriptのパラメータとしてノードを渡す？

Question

私はnode型要素をcardClickedに渡しています。

function init() { 
    for (i in set.cards) { 
     var myP = document.createElement("p"); 
     myP.innerHTML = set.cards[i].points + "&nbsp &nbsp" + set.cards[i].name; 
     myP.addEventListener("click", cardClicked.bind(myP)); 
     document.getElementById("left column").appendChild(myP); 
    } 
} 


function cardClicked(myP) { 
    document.getElementById("right column").appendChild(myP); 
} 

しかし、私はこのコードを実行すると、ブラウザがmyPはNode型ではなく、appendChildを経由して追加することができないと言いますか？

何が起こっているのですか？

Answer 1

あなたはmyPと呼ばれる2つの変数を持っている：あなたはcardClicked.bind(myP)と呼ばれているので、cardClicked内部thisの値は、それがあったであろう（なり

1. var myP
2. cardClicked(myP)

をとにかくイベントハンドラの仕組みのため）。

cardClickedが呼び出されたときに2の値が引き継がれ、それがイベントオブジェクトになります（エラーメッセージに示されているように、ノードではありません）。

代わりにthisを使用してください。

---

function init() { 
    var i, myP; 
    for (i in set.cards) { 
     myP = document.createElement("p"); 
     myP.innerHTML = set.cards[i].points + "   " + set.cards[i].name; 
     myP.addEventListener("click", cardClicked); 
     document.getElementById("left column").appendChild(myP); 
    } 
} 

function cardClicked(event) { 
    document.getElementById("right column").appendChild(this); 
}