Question

<table>
<tr  onClick = "alert(this.FirstTDValue);" >

    <td>123</td>
    <td>Hello</td>
    <td>Goodbye</td>

</tr>
</table>

How would this.FirstTDValue be accomplished so that alert would show ‘123’, would it be efficient to request it at the TR or the Table level?

Answer 1

Table rows have a cells collection that is a live NodeList of the cells, so:

alert(this.cells[0].textContent || this.cells[0].innerText);

Or perhaps:

alert(this.cells[0].firstChild.data);