توضح هذه المقالة طريقة JS لتنفيذ صفوف الجدول لأعلى ولأسفل. شاركه للرجوع إليه ، على النحو التالي:
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html ؛ charset = gb2312 ' <td> 11 </td> <td> <a href = "javaScript: void (0)" onClick = "moveup (this)"> تحرك لأعلى </a> </td> <td> <a href = "javaScript: void (0)" onClick = "this)" <td> 22 </td> <td> <a href = "javaScript: void (0)" onClick = "Moveup (this)"> تحرك لأعلى </a> </td> <td> <a href = "javaScript: void (0)" onClick = "this)" <td> 33 </td> <td> <a href = "javaScript: void (0)" onClick = "Moveup (this)"> تحرك لأعلى </a> </td> <td> <td> <a href = "javaScript: void (0)" onClick = "yovedown (this)" <td> 44 </td> <td> <a href = "javaScript: void (0)" onClick = "moveup (this)"> تحرك لأعلى </a> </td> <td> <a href = "javaScript: void (0) <td> 55 </td> <td> <a href = "javaScript: void (0)" onClick = "Moveup (this)"> تحرك لأعلى </a> </td> <td> <td> <a href = "javaScript: void (0)" onClick = "yovedown (this)" type = "text/javaScript"> <!-function moveup (_a) {var _row = _a.parentnode.parentnode ؛ // إذا لم يكن السطر الأول ، فقم بتبديل الطلب مع السطر السابق var _node = _Row.previousSibling ؛ بينما (_node && _node.nodeType! = 1) {_node = _node.previoussibling ؛ } if (_node) {swapnode (_Row ، _node) ؛ }} function quoDown (_a) {var _row = _a.parentnode.parentNode ؛ // إذا لم يكن السطر الأخير ، فقم بتبديل الطلب مع السطر التالي var _node = _Row.Nextsibling ؛ بينما (_node && _node.nodeType! = 1) {_node = _node.nextsibling ؛ } if (_node) {swapnode (_Row ، _node) ؛ }} function swapnode (node1 ، node2) {// احصل على عقدة الأصل var _parent = node1.parentNode ؛ // احصل على الموضع النسبي للعقدتين var _t1 = node1.nextsibling ؛ var _t2 = node2.nextsibling ؛ // insert node2 إلى موضع node1 الأصلي إذا (_t1) _parent.insertBefore (node2 ، _t1) ؛ else _parent.appendChild (node2) ؛ // insert node1 إلى موضع node2 الأصلي إذا (_t2) _parent.insertbefore (node1 ، _t2) ؛ Else _parent.appendChild (Node1) ؛} //-> </script> </body> </html>لقطة شاشة تأثير الجري كما يلي:
لمزيد من المعلومات حول المحتوى المتعلق بـ JavaScript ، يرجى مراجعة موضوعات هذا الموقع: "ملخص لمهارات خوارزمية بحث JavaScript" ، "ملخص بنية بيانات JavaScript ومهارات الخوارزمية" ، "ملخص لـ JavaScript Translathms Switchens ،" Summary of JavArcles ". آثار وتقنيات الرسوم المتحركة JavaScript "، ملخص أخطاء JavaScript وتقنيات تصحيح الأخطاء" و "ملخص استخدام العمليات الرياضية JavaScript"
آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.