تصف هذه المقالة طريقة التحكم في اختيار وسلطات صفوف الجدول بواسطة JavaScript لأعلى ولأسفل مفاتيح الأسهم. شاركه للرجوع إليه. طريقة التنفيذ المحددة هي كما يلي:
<style> tr.highlight {background:#08246b ؛ اللون: أبيض ؛} </style> <table id = "ICE"> <tr onClick = "selecttr () ؛ return false ؛"> <td> 123 </td> <td> 234 </td> <td> abc </td> <td> def </td> <td> abc </td> <td> def </td> </tr> <tr onClick = "selecttr () ؛"> <td> 123 </td> <td> 234 </td> <td> abc </td> <td> def </td> </tr> <t onclick = " <td> 234 </td> <td> abc </td> <td> def </td> </tr> <tr onClick = "selecttr () ؛ <td> 234 </td> <td> abc </td> <td> def </td> </tr> </table> <script language = "javaScript"> <!-var currentline = -1 ؛ document.onkeydown = function (e) {e = window.event || ه ؛ Switch (e.KeyCode) {case 38: CurrentLine-- ؛ changeItem () ؛ استراحة؛ الحالة 40: CurrentLine ++ ؛ changeItem () ؛ استراحة؛ الافتراضي: استراحة ؛ }} وظيفة selecttr () {currentLine = window.event.srcelement.parentElement.RowIndex ؛ // ALERT (CurrentLine) ؛ changeItem () ؛} // تغيير وظيفة عنصر التحديد changeItem () {if (document.all) var it = document.getElementById ("ICE"). الأطفال [0] ؛ آخر var it = document.getElementById ("ICE") ؛ لـ (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 [currentLine] .ClassName = "Aightlight" ؛ } //-> </script>آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.