Agregar un evento onclick a una fila de la tabla

Sé libre de divulgar nuestra web y códigos en tus redes sociales, necesitamos tu ayuda para aumentar nuestra comunidad.

Solución:

Algo como esto.

function addRowHandlers() 
  var table = document.getElementById("tableId");
  var rows = table.getElementsByTagName("tr");
  for (i = 0; i < rows.length; i++) 
    var currentRow = table.rows[i];
    var createClickHandler = function(row) 
      return function() 
        var cell = row.getElementsByTagName("td")[0];
        var id = cell.innerHTML;
        alert("id:" + id);
      ;
    ;
    currentRow.onclick = createClickHandler(currentRow);
  

EDITAR

Demo de trabajo.

Creo que para IE necesitará usar la propiedad srcElement del objeto Event. Si jQuery es una opción para usted, es posible que desee considerar su uso, ya que abstrae la mayoría de las diferencias del navegador para usted. Ejemplo de jQuery:

$("#tableId tr").click(function() 
   alert($(this).children("td").html());
);

Una forma simple es generar código como se muestra a continuación:

Click on each tr element to alert its index position in the table:

  

    
Click to show rowIndex
  
  

    
Click to show rowIndex
  
  

    
Click to show rowIndex
  

Recuerda recomendar este ensayo si te valió la pena.

---

---

Utiliza Nuestro Buscador