1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43
| <table id="monTableau">
<thead>
</thead>
<tbody>
<tr>
<td>cbcvvbvcb</td>
<td>cbvbcvbv</td>
<td>cbcvbcvbvcb</td>
<td><bcvbvcb/td>
</tr>
<tr>
<td>bvcbvcb</td>
<td>cbvcb</td>
<td>bcvcb</td>
<td>cbcvbc</td>
</tr>
<tr>
<td>bccvb</td>
<td>bccvb</td>
<td>bcvbvcb</td>
<td>cbvcbcvb</td>
</tr>
</tbody>
</table>
<script>
var monTableau =document.getElementById("monTableau")
var monNumero
monTableau.addEventListener("click", function(e){
// récupère la cible du click (le plus petit élément du tableau donc la cellule)
event = e.target
// Le numéro de la ligne correspond au parent de la cellule
monNumero = event.parentElement.rowIndex
},false)
// Vérifie que la variable monNumero prenne bien la valeur du numéro de la ligne
document.addEventListener("click" ,function(){
console.log(monNumero)
})
</script> |
Partager