IE支持原生交换两行的位置 - 走看看

zoukankan html css js c++ java

IE支持原生交换两行的位置

在IE的table，tbody，thead, tfoot中，它们都支持一个叫moveRow(indexToMove, destinationIndex)的API，第一个参数要移去的行号，第二个参数为当前的行号，行号即为rowIndex。有了，我们就可以简捷地交换两行位置，而不需要冗长的insertBefore（它还要根据是上移下是下移，修改参数呢）。
<!doctype html> <html> <head> <title>交换行的位置 by 司徒正美</title> <script> window.onload = function(){ var tb = document.getElementById("table"); tb.moveRow(2,1) } </script> <style> .table{ 60%; border: 1px solid red; border-collapse: collapse; } .table td{ border: 1px solid red; height: 20px; } </style> </head> <body> <h1>行交换 by 司徒正美</h1> <table class="table"> <tbody id="table"> <tr> <td>0</td> <td>One</td> <td>dom.require</td> </tr> <tr id="2" > <td class="2">1</td> <td>Two</td> <td>ControlJS </td> </tr> <tr id="3" > <td class="3">2</td> <td>Three</td> <td>HeadJS</td> </tr> <tr id="4" > <td class="4">3</td> <td>Four</td> <td>LAB.js</td> </tr> <tr id="5" > <td class="5">4</td> <td>Five</td> <td>$script.js</td> </tr> <tr id="6" > <td class="6">5</td> <td>Six</td> <td>NBL.js</td> </tr> </tbody> </table> </body> </html>

机器瞎学/数据掩埋/模式混淆/人工智障/深度遗忘/神经掉线/计算机幻觉/专注单身二十五年

查看全文

相关阅读:
【古曲】流水-古琴曲
 【文献阅读】基于特征的非局部均值图像去噪算法研究毕业论文
 【名言】后生看经书，须着看注疏及先儒解释，不然，执己见议论，恐入自是之域，便轻视古人。
马氏距离(Mahalanobis distance)
广义高斯分布（GGD）
Lenna图-莱娜·瑟德贝里
 【机器学习】WIFI室内定位
 【matlab】生成列是0-255渐变的图像
 少笔画生僻字
 Gabor变换、Gabor滤波器

原文地址：https://www.cnblogs.com/rubylouvre/p/2040270.html

Copyright © 2011-2022 走看看