JS实现的表格行上下移动操作示例

本文实例讲述了射流研究…实现表格行上下移动操作的方法。分享给大家供大家参考，具体如下：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；字符集=GB 2312/标题表格行移动/title/head dytable width=' 200 ' border=' 1 ' t body tr TD width=' 25% ' 1/TD TD width=' 25% ' 11/TD TD TD width=' 25% ' a href=' JavaScript : void(0)' onclick=' moveUp(this)'上移/a/TD TD TD width=' 25% ' a href=' JavaScript : void(0)' onclick=' moveDown(this)'下移/a/TD/tr td2/TD td22/TD TDA href=' JavaScript : void(0)' onclick=' moveUp(this)'上移TDA href=' JavaScript : void(0)' onclick=' moveDown(this)'下移/a/TD/tr td3/TD td33/TD TDA href=' JavaScript : void(0)' onclick=' moveUp(this)'上移/a/TD TDA href=' JavaScript : void(0)' onclick=' move down(this)'下移/a/TD/tr td4/TD td44/TD TDA href=' JavaScript : void(0)' onclick=' moveUp(this)'上移/a/TD TDA href=' JavaScript : void(0)' onclick=' move down(this)'下移/a/TD/tr td5/TD td55/TD TDA href=' JavaScript : void(0)' onclick=' moveUp(this)'上移/a/TD TDA href=' JavaScript : void(0)' onclick=' move down(this)'下移/a/TD/tr/t正文/表格脚本类型=' text/JavaScript '！ -函数moveUp(_ a){ var _ row=_ a .父节点。父节点；//如果不是第一行，则与上一行交换顺序var _ node=_ row . previoussiblingwhile(_ node _ node . nodetype！=1){ _ node=_ node。先前的兄弟姐妹；} if(_node){ swapNode(_row，_ node)；} }函数moveDown(_ a){ var _ row=_ a .父节点。父节点；//如果不是最后一行，则与下一行交换顺序var _ node=_ row . next siblingwhile(_ node _ node . nodetype！=1){ _ node=_ node。下一个兄弟姐妹；} if(_node){ swapNode(_row，_ node)；} }函数swapNode(node1，node2){ //获取父结点var _ parent=节点1。父节点；//获取两个结点的相对位置var _ t1=节点1。下一个兄弟姐妹；var _ T2=节点2。下一个兄弟姐妹；//将节点2插入到原来节点一的位置if(_ t1)_ parent。在(节点2，_ t1)之前插入；else _ parent。appendchild(节点2)；//将节点一插入到原来节点2的位置if(_ T2)_ parent。在(节点1，_ T2)之前插入；else _ parent。appendchild(节点1)；}/////脚本/正文/html运行效果截图如下：

更多关于Java脚本语言相关内容感兴趣的读者可查看本站专题： 《JavaScript查找算法技巧总结》 、 《JavaScript数据结构与算法技巧总结》 、 《JavaScript遍历算法与技巧总结》 、 《JavaScript中json操作技巧总结》 、 《JavaScript切换特效与技巧总结》 、 《JavaScript动画特效与技巧汇总》 、 《JavaScript错误与调试技巧总结》 及《JavaScript数学运算用法总结》

希望本文所述对大家Java脚本语言程序设计有所帮助。