Este artigo descreve o método do JS para implementar linhas de tabela para cima e para baixo. Compartilhe -o para sua referência, como segue:
<! 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)"> mova -se </a> </td> <td> <a href = "javascript: void (0)" OnClick = "mudou (this)"> <Td> 22 </td> <td> <a href = "javascript: void (0)" onclick = "moveUp (this)"> mova -se </a> </td> <td> <a href = "javascript: void (0)" OnClick = "mudou (this)"> <Td> 33 </td> <td> <a href = "javascript: void (0)" onclick = "moveUp (this)"> mova -se </a> </td> <td> <a href = "javascript: void (0)" onClick = "movewn (this)"> <Td> 44 </td> <td> <a href = "javascript: void (0)" onclick = "moveUp (this)"> mova -se </a> </td> <td> <a href = "javascript: void (0)" onClick = "mudou (this)"> <Td> 55 </td> <td> <a href = "javascript: void (0)" onclick = "moveUp (this)"> mova -se </a> </td> <td> <a href = "javascript: void (0)" onClick = "mudou (this)"> type = "text/javascript"> <!-function moveup (_a) {var _row = _a.parentnode.parentnode; // Se não for a primeira linha, troque o pedido com a linha anterior var _node = _row.previoussibling; while (_node && _node.nodetype! = 1) {_node = _node.previoussibling; } if (_node) {swapNode (_row, _node); }} function movewn (_a) {var _row = _a.parentnode.parentnode; // Se não for a última linha, troque o pedido com a próxima linha var _node = _row.nextsibling; while (_node && _node.nodetype! = 1) {_node = _node.nextsibling; } if (_node) {swapNode (_row, _node); }} função swapNode (node1, node2) {// obtenha o nó pai var _parent = node1.parentnode; // obtenha a posição relativa dos dois nós var _t1 = node1.nextsbling; var _t2 = node2.nextsbling; // Insira o node2 na posição Node1 original se (_t1) _parent.insertBefore (node2, _t1); else _parent.appendChild (node2); // Insira o node1 na posição original do node2 se (_t2) _parent.insertBefore (node1, _t2); else _parent.appendChild (node1);} //-> </script> </body> </html>A captura de tela do efeito em execução é a seguinte:
Para obter mais informações sobre o conteúdo relacionado ao JavaScript, consulte os tópicos deste site: "Resumo das habilidades de algoritmo de pesquisa de JavaScript", "Resumo da estrutura de dados de JavaScript e habilidades de algoritmo", "Summary de Javascript Switches," Summery Summery, "Summary Curtrescript", "Summary Summery," Summeryscript, "Sweets Crikms", "Summary Summery," Summery Creatscript "," Summary "Sweets Creatscript", "Summary" Summeryscript "Switchmscript" " Efeitos e técnicas de animação de JavaScript "," Resumo dos erros de JavaScript e técnicas de depuração "e" Resumo do uso de operações matemáticas de JavaScript "
Espero que este artigo seja útil para a programação JavaScript de todos.