Este artículo describe el método para controlar la selección y resaltar las filas de tabla por JavaScript arriba y abajo de las teclas de flecha. Compártelo para su referencia. El método de implementación específico es el siguiente:
<style> tr.highlight {fondo:#08246b; color: blanco;} </style> <table id = "hielo"> <tr onClick = "selecttr (); return false;"> <td> 123 </td> <td> 234 </td> <td> abc </td> <td> def </td> </tr> <tr onClick = "selecttr ();"> <td> 123 </td> <TD> ABC </TD> <TD> def </td> </tr> <tr onClick = "selecttr ();"> <TD> 123 </td> <td> 234 </td> <td> abc </td> <td> def </td> </tr> <tr onClick = "selecttr ();"> <td> 123 </td> <TD> 234 </td> <td> ABC </td> <td> def </td> </tr> <tr onClick = "selecttr ();"> <td> 123 </td> <td> 234 </td> <td> ABC </td> <td> def </td> </tr> <tr> 123 </td> <TD> 234 </td> <td> ABC </td> <td> def </td> </tr> </table> <script language = "javascript"> <!-var currentLine = -1; document.OnKeydown = function (e) {e = window.event || mi; Switch (E.KeyCode) {Case 38: CurrentLine--; ChangeItem (); romper; Caso 40: CurrentLine ++; ChangeItem (); romper; predeterminado: ruptura; }} función selecttr () {currentLine = window.event.srcelement.parentelement.rowindex; // alerta (CurrentLine); ChangeItem ();} // Cambiar la función de elemento de selección ChangeItem () {if (document.all) var it = document.getElementById ("Ice"). Children [0]; else var it it = document.getElementById ("hielo"); para (i = 0; i <it.rows.length; i ++) {it.rows [i] .classname = ""; } if (currentLine <0) currentLine = it.rows.length - 1; if (currentLine == it.rows.length) currentline = 0; it.rows [actual línea] .classname = "resaltar"; } //-> </script>Espero que este artículo sea útil para la programación de JavaScript de todos.