Saltar al contenido

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.

¡Haz clic para puntuar esta entrada!
(Votos: 2 Promedio: 4)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *