当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 两个table之间相互移动数据

技术文章搜索

关键字

Javascript 中的 两个table之间相互移动数据

---

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-09-12   浏览: 335 ::
收藏到网摘: n/a

JavaScript 取一个月的最后一天 Javascript 的addEventListener()及attachEvent()区别分析

两个table之间相互移动数据的实现代码。

点击运行可以看到效果:<script language=javascript> function moveIt(obj){ var tableId; if(obj.parentNode.parentNode.id == "t1"){ tableId = document.getElementById("t2"); }else{ tableId = document.getElementById("t1"); } var newRow = tableId.insertRow(0); newRow.insertCell(0).innerHTML = obj.cells(0).innerHTML; newRow.insertCell(1).innerHTML = obj.cells(1).innerHTML; obj.removeNode(true); } </script> <table id=t1 border=1> <tr> <td><input type=checkbox onclick="this.checked=false;{moveIt(this.parentNode.parentNode);}"></td> <td>1</td> </tr> <tr> <td><input type=checkbox onclick="this.checked=false;{moveIt(this.parentNode.parentNode);}"></td> <td>2</td> </tr> </table><hr> <table id=t2 border=1> <tr> <td><input type=checkbox onclick="this.checked=false;{moveIt(this.parentNode.parentNode);}"></td> <td>3</td> </tr> <tr> <td><input type=checkbox onclick="this.checked=false;{moveIt(this.parentNode.parentNode);}"></td> <td>4</td> </tr> </table>
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

JavaScript 取一个月的最后一天 Javascript 的addEventListener()及attachEvent()区别分析

评论 (0) All

登陆 还没注册？

设为首页 | 加入收藏 | 关于我们 | 联系我们 | 广告服务 | 网站地图 | 友情链接 | 在线帮助 | 免责声明 Sitemap W3school

如果您觉得本站不错，别忘了告诉您的同学和同事哟 ^_^

欢迎各网站转载我们的原创，转载时请注明出处。

All copyright is reserved by 软晨网（RuanChen.com）