• 软件测试技术
  • 软件测试博客
  • 软件测试视频
  • 开源软件测试技术
  • 软件测试论坛
  • 软件测试沙龙
  • 软件测试资料下载
  • 软件测试杂志
  • 软件测试人才招聘
    暂时没有公告

字号: | 推荐给好友 上一篇 | 下一篇

JS的表格控制例子.

发布: 2007-6-30 18:56 | 作者: admin | 来源: | 查看: 27次 | 进入软件测试论坛讨论

领测软件测试网 刚刚问的问题.
解决后到这显宝来了^^.
兼谢过以下诸位.
<html>
<body>
<form>
<!--源表-->
<table>
<tr>
  <td>
   <table id="t0" border="1" height="200" width="200">
    <caption>联系人</caption>
    <tr>
     <td><a href="javaScript:void(0)" onclick="moveThis()">飞鸟</a></td>
     <td>flybird@snai.edu</td>
    </tr>
    <tr>
     <td><a href="javaScript:void(0)" onclick="moveThis()">笑点点 </a></td>
     <td>笑点点 </td>
    </tr>
    <tr>
     <td><a href="javaScript:void(0)" onclick="moveThis()">colashu</a></td>
     <td>colashu </td>
    </tr>
    <tr>
     <td><a href="javaScript:void(0)" onclick="moveThis()">zergling</a></td>
     <td>onlydream@eastday.com</td>
    </tr>
   </table>
  </td>
  <td>
   <!--目的表1(空)-->
   <table id="t1" border="1" height="200" width="200">
    <caption>收信人</caption>
   </table>
  </td>
</tr>
</table>
<script>
function moveThis()
{
   //取的事件的来源.
   var obj=window.event.srcElement

   //取的事件所在的行也是要移动的.
   var trObj=getPrt(obj,"TR");

   //取得要移动到的目的地.
   var toObj=getTo(obj).children[1];

   //移动
   toObj.insertBefore(trObj);
}

function getPrt(o,str)
{
   if(o.tagName==str)
     return o;
   else if(o.tagName=="BODY")
     return null;
   else
     return getPrt(o.parentElement,str)
}

function getTo(o)
{
   var srco=getPrt(o,"TABLE");
   if(srco.id=="t0")
    return t1;
   else
    return t0;
}
</script>
</form>
</body>
</html>

延伸阅读

文章来源于领测软件测试网 https://www.ltesting.net/


关于领测软件测试网 | 领测软件测试网合作伙伴 | 广告服务 | 投稿指南 | 联系我们 | 网站地图 | 友情链接
版权所有(C) 2003-2010 TestAge(领测软件测试网)|领测国际科技(北京)有限公司|软件测试工程师培训网 All Rights Reserved
北京市海淀区中关村南大街9号北京理工科技大厦1402室 京ICP备10010545号-5
技术支持和业务联系:info@testage.com.cn 电话:010-51297073

软件测试 | 领测国际ISTQBISTQB官网TMMiTMMi认证国际软件测试工程师认证领测软件测试网