Basicamente lo que necesitas es una función que,
1. Identifique la fila sobre la que trabajás
2. Recorrer las celdas para esa fila, y extraer los valores
Para el tema del color, habiendo identificado la fila, le cambiás la propiedad style.backgroundColor también con el javascript, aunque ya es más complejo cuando se quire que al clickearla de vuelta regrese a su color, ó que tambien lo haga al hacer el out del mouse, hay variantes muy específicas, todo depende de lo que quieras hacer
ejemplo
Código HTML:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <title>Recuperar datos de celdas en una fila
</title> /*<![CDATA[*/
tr{
background: cyan;
}
/*]]>*/
<script type="text/javascript"> //<![CDATA[
function recuperarFila(idfila) {
var elTableRow = document.getElementById(idfila);
elTableRow.style.backgroundColor =(elTableRow.style.backgroundColor=="green")?'cyan':'green';
if(elTableRow.style.backgroundColor == 'green'){
var elTableCells = elTableRow.getElementsByTagName("td");
for (var i=0; i<elTableCells.length; i++) {
alert(elTableCells[i].innerHTML);
}
}
}
//]]>
<table border="1" width="50%"> <tr id="fila_uno" onclick="recuperarFila(this.id)"> <tr id="fila_dos" onclick="recuperarFila(this.id)"> <tr id="fila_tres" onclick="recuperarFila(this.id)">
Saludos