Este artículo describe el método de JS para implementar filas de tabla hacia arriba y hacia abajo. Compártelo para su referencia, como sigue:
< xmlns = "http://www.w3.org/1999/xhtml"> <fead> <meta http-equiv = "content-type" content = "text/html; charset = gb2312"/> <title> table row Movem <TD> 11 </td> <td> <a href = "javascript: void (0)" onClick = "MoveUp (this)"> mudarse </a> </td> <td> <a href = "javaScript: void (0)" onClick = "Moved (this)"> mudarse </a> </td> </tr> <ttr> <td> 22 </td> <td> <a href = "javascript: void (0)" onClick = "MoveUp (this)"> mudarse </a> </td> <td> <a href = "javascript: void (0)" onClick = "Moved (this)"> mudarse hacia abajo </a> </aT> </tr> <tr> <TD> 33 </td> <td> <a href = "javascript: void (0)" onClick = "MoveUp (this)"> mudarse </a> </td> <td> <a href = "javaScript: void (0)" onClick = "Moved (this)"> mudarse </a> </aT> </tr> <tr> <tr> <TD> 44 </td> <td> <a href = "javascript: void (0)" onClick = "MoveUp (this)"> mudarse </a> </td> <td> <a href = "javascript: void (0)" onClick = "Moved (this)"> mudarse a la baja </a> </aT> </tr> <tr> <td> 55 </td> <td> <a href = "javascript: void (0)" onClick = "MoveUp (this)"> mudarse </a> </td> <td> <a href = "javaScript: void (0)" onclick = "Moved (this)"> mudarse a type = "text/javaScript"> <!-function MoveUp (_a) {var _row = _a.ParentNode.ParentNode; // Si no es la primera línea, entonces cambie el orden con la línea anterior var _node = _row.previousSibling; while (_node && _node.nodeType! = 1) {_node = _node.previousSibling; } if (_node) {swapnode (_row, _node); }} function mobnown (_a) {var _row = _a.parentnode.parentNode; // Si no es la última línea, entonces cambie el orden con la siguiente línea var _node = _row.nextSibling; while (_node && _node.nodeType! = 1) {_node = _node.nextSibling; } if (_node) {swapnode (_row, _node); }} function swapNode (node1, node2) {// Obtener el nodo principal var _parent = node1.parentNode; // Obtener la posición relativa de los dos nodos var _t1 = node1.nextsibling; var _t2 = node2.nextSibling; // Inserte el nodo2 en la posición del nodo1 original if (_t1) _parent.insertbefore (nodo2, _t1); else _parent.appendChild (nodo2); // Inserte el nodo1 en la posición del nodo2 original if (_t2) _parent.insertbefore (node1, _t2); else _parent.appendChild (node1);} //-> </script> </body> </html>La captura de pantalla del efecto de ejecución es la siguiente:
Para obtener más información sobre el contenido relacionado con JavaScript, consulte los temas de este sitio: "Resumen de las habilidades de algoritmo de búsqueda de JavaScript", "Resumen de la estructura de datos de JavaScript y las habilidades de algoritmo", "Resumen de JavaScript Algoritmos y Techniques de Técnicas", "Resumen de técnicas de operaciones JSON en Javaguscript", "Summary of JavaScripting Effecting y Techniques,", "Resumen," Resumen "," Resumen "," Resumen, "Resumen", "Resumen," Resumen, "Resumen", "Resumen", "Resumen," Resumen "," Resumen "," Resumen, "Resumen", "Resumen", "Resumen", "Resumen", "Resumen", "Resumen", "Resumen", Summary "," Resumen "," Resumen "," Resumen "," Resumen "," Resumen "," Resumen ". Efectos y técnicas de animación de JavaScript "," Resumen de los errores de JavaScript y las técnicas de depuración "y" Resumen del uso de operaciones matemáticas de JavaScript "
Espero que este artículo sea útil para la programación de JavaScript de todos.