Dieser Artikel beschreibt die Methode zur Steuerung der Auswahl und Hervorhebung von Tabellenzeilen durch JavaScript nach oben und unten. Teilen Sie es für Ihre Referenz. Die spezifische Implementierungsmethode lautet wie folgt:
<Styles> tr.Highlight {Hintergrund:#08246B; Farbe: weiß;} </style> <table id = "ice"> <tranclick = "selecttr (); return false;"> <td> 123 </td> <td> 234 </td> <td> abc </td> <td> def </td> </tr> <tranclick = "selecttr ();"; <td> ABC </td> <td> def </td> </tr> <tranclick = "selecttr (); <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> <td>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 || e; Switch (E.KeyCode) {Fall 38: Stromlinie--; ChangeItem (); brechen; Fall 40: Stromlinie ++; ChangeItem (); brechen; Standard: Break; }} Funktion selectTr () {currentLine = window.event.srcelement.parentelement.rowIndex; // alarm (Stromlinie); ChangeItem ();} // Ändern Sie die Funktion der Auswahlelemente. ÄnderungItem () {if (document.all) var it = document.getElementById ("ice"). Kinder [0]; sonst var it = document.getElementById ("ice"); für (i = 0; i <it.rows.length; i ++) {it.rows [i] .className = ""; } if (aktuelle Linie <0) currentLine = it.rows.length - 1; if (currentLine == it.rows.length) currentLine = 0; IT.Rows [CurrentLine] .ClassName = "Highlight"; } //-> </script>Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.