• td.moveRow方法


    语法:
    oRow = object . moveRow ( iSource , iTarget )
    参数:
    iSource :  必选项。整数值(Integer)。指定被移动的行(Row)在 rows 集合内的序号。默认值是 -1 。
    iTarget :  可选项。整数值(Integer)。指定移动的目标位置在 rows 集合内的序号。默认值是 -1 。

    返回值:
    oRow :  对象(Element)。返回被移动的行(Row)的引用。

    说明:
    移动表格内的行(Row)到新位置。
    在 rows 集合内 iSource 与 iTarget 之间跨越的行数是依据行(Row)移动的方向而变化的。

    <script>
    function rdl_fnMove(){
    oTable.moveRow(1,2);
    }
    </script>


    <table id="oTable">
    <tr><td>第1行第1个单元格</td><td>第1行第2个单元格</td></tr>
    <tr><td style="background:#99CC66;">第2行第1个单元格</td><td style="background:#99CC66;">第2行第2个单元格</td></tr>
    <tr><td style="background:#CC6699;">第3行第1个单元格</td><td style="background:#CC6699;">第3行第2个单元格</td></tr>
    <tr><td>第4行第1个单元格</td><td>第4行第2个单元格</td></tr>
    </table>
    <br><input type="button" value=" 移动 " onclick="rdl_fnMove();">

    =====================================================================================

      将当前行与其上一行对调:

      <table>

        <tr>

          <td onclick="javascript: move_up(this)">上移</td>

          <td onclick="javascript: move_down(this)">下移</td>

        </tr>

        <tr>

          <td onclick="javascript: move_up(this)">上移</td>

          <td onclick="javascript: move_down(this)">下移</td>

        </tr>

         <tr>

          <td onclick="javascript: move_up(this)">上移</td>

          <td onclick="javascript: move_down(this)">下移</td>

        </tr>

        <tr>

          <td onclick="javascript: move_up(this)">上移</td>

          <td onclick="javascript: move_down(this)">下移</td>

        </tr>

      </table>

      <script language="javascript">

        //上移一行

        function move_up(td){   
          var tr = td.parentNode; 

          if(tr.rowIndex!=1)
                tr.parentNode.moveRow(tr.rowIndex,tr.rowIndex-1) ;  
        }   

        //下移一行
        function move_down(td){  
          var tr = td.parentNode;

          if(tr.rowIndex!=tr.parentNode.rows.length-1)   
                tr.parentNode.moveRow(tr.rowIndex, tr.rowIndex + 1);   
        }

      </script>

    =======================================================================

      获取当前行的上一行及下一行

      <table>

        <tr>

          <td onclick="javascript: get_up(this)">获取上一行</td>

          <td onclick="javascript: get_down(this)">获取下一行</td>

        </tr>

        <tr>

          <td onclick="javascript: get_up(this)">获取上一行</td>

          <td onclick="javascript: get_down(this)">获取下一行</td>

        </tr>

         <tr>

          <td onclick="javascript: get_up(this)">获取上一行</td>

          <td onclick="javascript: get_down(this)">获取下一行</td>

        </tr>

        <tr>

          <td onclick="javascript: get_up(this)">获取上一行</td>

          <td onclick="javascript: get_down(this)">获取下一行</td>

        </tr>

      </table>

      <script language="javascript">

        //上移一行

        function get_up(td){   
          var tr = td.parentNode; 

          if(tr.rowIndex != 1)
                var pre_tr = tr.parentNode.rows[tr.rowIndex - 1];

            alert(pre_tr.rowIndex)

        }   

        //下移一行
        function get_down(td){  
          var tr = td.parentNode;

          if(tr.rowIndex != tr.parentNode.rows.length-1)   
                var pre_tr = tr.parentNode.rows[tr.rowIndex + 1];

            alert(pre_tr.rowIndex);

        }

      </script>

  • 相关阅读:
    用jquery判断当前显示器的分辨率,加载不同CSS
    [置顶] Android SDK下载和更新失败的解决方法!!!
    [置顶] 最全的Android开发开发资料
    [置顶] Android入门教程导入现有Android工程
    [置顶] 用Android访问本地站点(localhost,10.0.2.2)
    [置顶] Android入门教程Android工程目录结构介绍
    [置顶] 解决Android解析图片的OOM问题
    [置顶] Android入门教程环境搭建
    [置顶] Android 中的拿来主义(编译,反编译,AXMLPrinter2,smali,baksmali)
    Windows 8 平板电脑体验及思考
  • 原文地址:https://www.cnblogs.com/pricks/p/1641969.html
Copyright © 2020-2023  润新知