如何通过事件侦听器获取表的行和列值

时间:2013-11-19 00:00:42

标签: javascript javascript-events

我有两个动态表,一个是和的结果,另一个是和值,例如:4和2 + 2.

我在javascript中有以下代码,我点击带有sum值的表,然后点击相应的和值,当我点击右边的和值时,我想知道索引的值在单击的单元格的列和行。 我有eventListeners来创建可点击的单元格,然后与另一个表格的单元格进行比较。 以下是第一个表的可点击单元格的代码:

    var handler = function(e){if (choiceFlagElement != null) {
        choiceFlagElement.style.background = 'green';
    }

    choiceFlagElement = e.target;
    choiceFlagNumber = parseInt(e.target.innerHTML);
    e.target.style.background = 'green';

}

然后我将此部分用于与上述单元格进行比较:

var handler2 = function(e){
if (choiceFlagElement == null) {
    return;
}

if (choiceFlagNumber == eval(e.target.innerHTML)) {
    e.target.style.background = 'green';
    e.target.style.visibility= 'hidden';
    choiceFlagElement.style.visibility = 'hidden';
    pontuacao();
    inicio=Date.now();
    count++;
    choiceFlagNumber.target.innerHTML="-1";

}

}

这是我创建两个表的地方:

function criartabela(tamanho){
var tbl = "<table id=tabela>";
var tbl2 = "";
var resultados = new Array();
var f=0;
for (var ri = 0; ri < tamanho ; ri++) {
   tbl += "<tr>";
    for (var ci = 0; ci < tamanho; ci++) { 
        contas();
        tbl += "<td class='cel"+tamanho+"' id=x visibility=visible >" + a + "+" + b + "</td>";
        var total = a+b;
        resultados[f]=total;
        f=f+1;
    }
}
resultados.sort(function(a,b){return a - b});
for(y=0; y<resultados.length; y++){
    tbl2 += "<div class='resul"+tamanho+"' id=total >"+ resultados[y] + "</div>";
}  
tbl += "</tr>";
tbl += "</table>";
document.getElementById("tabelap").innerHTML = tbl;
document.getElementById("resposta").innerHTML = tbl2;

}

0 个答案:

没有答案