zoukankan      html  css  js  c++  java
  • JS DOM 控制表格行上下移动

    <script language="JavaScript" type="text/javascript"> 
    <!-- 
    function cleanWhitespace(element) { 
    //遍历element的子结点 
    for (var i = 0; i < element.childNodes.length; i++) { 
      var node = element.childNodes[i]; 
      //判断是否是空白文本结点,如果是,则删除该结点 
      if (node.nodeType == 3 && !/S/.test(node.nodeValue)) 
      node.parentNode.removeChild(node); 


    //获得表格对象 
    var _table=document.getElementById("table1"); 
    cleanWhitespace(_table); 
    //使表格行上移,接收参数为链接对象 
    function moveUp(_a){ 
    //通过链接对象获取表格行的引用 
    var _row=_a.parentNode.parentNode; 
    //如果不是第一行,则与上一行交换顺序 
    if(_row.previousSibling)swapNode(_row,_row.previousSibling); 

    //使表格行下移,接收参数为链接对象 
    function moveDown(_a){ 
    //通过链接对象获取表格行的引用 
    var _row=_a.parentNode.parentNode; 
    //如果不是最后一行,则与下一行交换顺序 
    if(_row.nextSibling)swapNode(_row,_row.nextSibling); 

    //定义通用的函数交换两个结点的位置 
    function swapNode(node1,node2){ 
    //获取父结点 
    var _parent=node1.parentNode; 
    //获取两个结点的相对位置 
    var _t1=node1.nextSibling; 
    var _t2=node2.nextSibling; 
    //将node2插入到原来node1的位置 
    if(_t1)_parent.insertBefore(node2,_t1); 
    else _parent.appendChild(node2); 
    //将node1插入到原来node2的位置 
    if(_t2)_parent.insertBefore(node1,_t2); 
    else _parent.appendChild(node1); 

    //--> 
    </script> 

    http://renren4.iteye.com/blog/421497#bc1120116

  • 相关阅读:
    力扣(LeetCode)67. 二进制求和
    力扣(LeetCode) 66. 加一
    力扣(LeetCode)58. 最后一个单词的长度
    力扣(LeetCode)1009. 十进制整数的反码
    力扣(LeetCode) 20. 有效的括号
    力扣(LeetCode)1016. 子串能表示从 1 到 N 数字的二进制串
    数据库索引
    OSI 七层和五层
    ST算法
    F
  • 原文地址:https://www.cnblogs.com/datang/p/2494052.html
Copyright © 2011-2022 走看看