Artikel ini menjelaskan metode JS untuk mengimplementasikan baris tabel atas dan bawah. Bagikan untuk referensi Anda, sebagai berikut:
<! Doctype html public "-// w3c // dtd xhtml 1.0 transisi // 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"/<tites> <title> Gerakan baris tabel </title> </head> <body> <tand> <ttry> <tites> <tited> <title> gerakan baris tabel </title> </head> <body> <TREBY> <tREDY> <TRIED> TABLE BARIS TABLE </title> </head> <Body> <TRED> TRED> <TRIED> <TLUED> <TLACH> TABLE GERGIH </Title> </head> <Body> <td> 11 </td> <td> <a href = "javascript: void (0)" ontClick = "moving (this)"> Maju ke atas </a> </td> <td> <a href = "JavaScript: void (0)" Onclick = "moving (this)"> move ke bawah </a> </td </td </td </td </td </td </td </td </td </td </td </td </td </td </td </td </td </td </td </td </tdrick = "moving (this)"> move ke bawah </a> <td>22</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>3</td> <td> 33 </td> <td> <a href = "javascript: void (0)" ontClick = "moving (this)"> Move Up </a> </td> <td> <a href = "JavaScript: void (0)" Onclick = "moving (this)"> Move ke Down </a> </TR/TR/TRAN </TRED </TRED </TRED </TRAN </TR> </TRED </TRE </TRAN </TRAN </TR> </TRED </TRE </TRE </TR> </TRED </TRE </TR> </TRED </t </t t t t t t t t t t t t t t t t t t t t t t t t t t t t t t t t t t t t t t t T P PERBUKA EXCROW " <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)" ontClick = "moving (this)"> Move Up </a> </td> <td> <a href = "tabel> </a> </tlrick </tlrick =" mindahkan type = "text/javascript"> <!-function moving (_a) {var _row = _a.parentnode.parentnode; // Jika bukan baris pertama, maka tukar pesanan dengan baris sebelumnya var _node = _row.previoussibling; while (_node && _node.nodetype! = 1) {_node = _node.previoussibling; } if (_node) {swapnode (_row, _node); }} function movingown (_a) {var _row = _a.parentnode.parentnode; // Jika bukan baris terakhir, maka tukar pesanan dengan baris berikutnya var _node = _row.nextsibling; while (_node && _node.nodetype! = 1) {_node = _node.NextSibling; } if (_node) {swapnode (_row, _node); }} fungsi swapnode (node1, node2) {// Dapatkan node induk var _parent = node1.parentnode; // Dapatkan posisi relatif dari dua node var _t1 = node1.nextsibling; var _t2 = node2.nextSibling; // masukkan node2 ke posisi node1 asli jika (_t1) _parent.insertbefore (node2, _t1); else _parent.appendChild (node2); // masukkan node1 ke posisi node2 asli jika (_t2) _parent.insertbefore (node1, _t2); else _parent.AppendChild (node1);} //-> </script> </body> </html>Tangkapan layar efek berjalan adalah sebagai berikut:
Untuk informasi lebih lanjut tentang konten terkait JavaScript, silakan periksa topik -topik situs ini: "Ringkasan Keterampilan Algoritma Pencarian JavaScript", "Ringkasan Struktur Data Javascript dan Keterampilan Algoritma", "Ringkasan Teknik Javascript," Ringkasan Javascript, "Ringkasan JavaScript," Ringkasan Javascript, "Ringkasan Javascript," Ringkasan JAVASI, "Ringkasan JAVASI," Efek dan Teknik Animasi JavaScript "," Ringkasan Kesalahan JavaScript dan Teknik Debugging "dan" Ringkasan Penggunaan Operasi Matematika JavaScript "
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.