<table id="tableau">
<tr id="ligne1">
<td onclick="getTable(this)">Colonne 1</td>
<td onclick="getTable(this)">Colonne 2</td>
<td onclick="getTable(this)">Colonne 3</td>
</tr>
<tr id="ligne2">
<td onclick="getTable(this)">AB</td>
<td onclick="getTable(this)">BC</td>
<td onclick="getTable(this)">CD</td>
</tr>
<tr id="ligne3">
<td onclick="getTable(this)">LK</td>
<td onclick="getTable(this)">BV</td>
<td onclick="getTable(this)">AA</td>
</tr>
</table>
<script type="text/javascript">
function getTable(td) {
var tr=td.
parentNode;
console.
log("tr id = "+tr.
getAttribute("id"));
var tbody=tr.
parentNode;
console.
log("tbody id = "+tbody.
getAttribute("id"));
var tableau=tbody.
parentNode;
console.
log("table id = "+tableau.
getAttribute("id"));
}
</script>