В этой статье описывается метод JS для реализации строк вверх и вниз по таблицам. Поделитесь этим для вашей ссылки, следующим образом:
<! Doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>Table row movement</title></head><body><table> <tbody> <tr> <td>1</td> <Td> 11 </td> <td> <a href = "javascript: void (0)" onclick = "moveup (this)"> Move Up </a> </td> <td> <a href = "javascript: void (0)" Onclick = "MovelOwn (This)"> Move Down Down Dow <Td> 22 </td> <td> <a href = "javascript: void (0)" onclick = "Moveup (this)"> Move Up </a> </td> <td> <a href = "Javascript: void (0)" OnClick = "MovelOwn (This)"> Move Down Down </a> </td> </td> </td> </td> </td> </td> </td> </td> </td> </td> </td> <d> <d> <d> </td> </td> </td> <d> </td> </td> <Td> 33 </td> <td> <a href = "javascript: void (0)" onclick = "moveup (this)"> Move Up </a> </td> <td> <a href = "javascript: void (0)" Onclick = "Перед (This)"> Move Down Down Dow <td>44</td> <td><a href="javascript:void(0)" onclick="moveUp(this)">Move up</a></td> <td><a href="javascript:void(0)" onclick="moveDown(this)">Move down</a></td> </tr> <tr> <td>5</td> <Td> 55 </td> <td> <a href = "javascript: void (0)" onclick = "moveup (this)"> Move Up </a> </td> <td> <a href = "javascript: void (0)" OnClick = "Передован (это)"> Move Down Down Down Dow type = "text/javascript"> <!-функция Moveup (_a) {var _row = _a.parentnode.parentnode; // Если это не первая строка, то поменяйте порядок с предыдущей строкой var _node = _row.previoussibling; while (_node && _node.nodetype! = 1) {_node = _node.previoussibling; } if (_node) {swapnode (_row, _node); }} function movelown (_a) {var _row = _a.parentnode.parentnode; // Если это не последняя строка, то поменяйте порядок следующей строкой var _node = _row.nextibling; while (_node && _node.nodetype! = 1) {_node = _node.nextibling; } if (_node) {swapnode (_row, _node); }} function swapnode (node1, node2) {// Получить родительский узел var _parent = node1.parentnode; // Получить относительное положение двух узлов var _t1 = node1.nextibling; var _t2 = node2.nextibling; // вставить Node2 в исходную позицию Node1 if (_t1) _parent.insertbefore (node2, _t1); else _parent.appendchild (node2); // вставить Node1 в исходную позицию Node2 if (_t2) _parent.insertbefore (node1, _t2); else _parent.appendchild (node1);} //-> </script> </body> </html>Скриншот экрана бега выглядит следующим образом:
For more information about JavaScript related content, please check out the topics of this site: "Summary of JavaScript Search Algorithm Skills", "Summary of JavaScript Data Structure and Algorithm Skills", "Summary of JavaScript traversal algorithms and techniques", "Summary of json operation techniques in JavaScript", "Summary of JavaScript switching effects and techniques", "Summary of Эффекты и методы анимации JavaScript »,« Сводка ошибок JavaScript и методов отладки »и« Сводка использования математических операций JavaScript ».
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.