javascript - JS の動的テーブル

Question

これは私のコードスニペットです...

    if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {   
        s=xmlhttp.responseText;
        info=s.split("!");
        elem=document.getElementById("add_players1");
        for (var i = 0 ;i < (info.length-1);i++ ) 
        {
        var row=elem.insertRow(-1); //here is where I need to call a function when I click on the element
        var x=row.insertCell(-1);
        var y=row.insertCell(-1);
        var z=row.insertCell(-1);
        temp=info[i].split(",");
        name=temp[0];
        val=temp[1];
        pos=temp[2];
        x.innerHTML=name;
        y.innerHTML=val;
        z.innerHTML=pos;

    }

基本的に私が行ったことは、PHP ファイルからいくつかのデータを受け取り、テーブルを動的に作成することですが、テーブルの個々の要素をクリックすると関数が実行されるようにすることです。テーブルを動的に作成したため、関数呼び出しの方法がわからないため、ここで立ち往生しています...親切なアドバイス