Get The A Specific Cell Data In A Row?

is it possible to get a specific cell data on an html table using javascript? as of now all I can get is which row number was clicked using this snippet

Quote: function getRowData(r) { var i = r.parentNode.parentNode.rowIndex; alert(i); //var x=document.getElementById('myTable').rows[0].cells; //alert(x[i].innerHTML); //document.getElementById('myTable').deleteRow(i); }

and each of my rows has a button which calls the javascript method to get the row number

<input type = "submit" onClick="getRowData(this)">

what I would like to do is to get the first column's cell data of the selected row.