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

  • 相关阅读:
    JAVA开发环境配置
    Java volatile关键字解惑
    Java实验案例(接口)
    Java 实验案例(多态)
    Eclipse 快捷键大全
    全球免费开放的电子图书馆
    Java 实验案例(类和对象篇)
    Java IO流(二)
    Linux zsh 实用配置
    Js远程调用封装
  • 原文地址:https://www.cnblogs.com/datang/p/2494052.html
Copyright © 2011-2022 走看看