Table 中2个列（TD）的交换

HTML表格中TD元素交换位置

最新推荐文章于 2022-12-25 20:02:01 发布

原创最新推荐文章于 2022-12-25 20:02:01 发布 · 2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#table #generator #function #html #button #email

【01】JavaScript 同时被 2 个专栏收录

18 篇文章

订阅专栏

【06】SourceCode

11 篇文章

订阅专栏

这篇博客介绍了如何使用JavaScript实现HTML表格中两个TD元素的交换。提供了swapNode函数实现节点交换，并通过输入框选择要交换的列ID，点击按钮即可完成交换操作。

Table 中2个列（TD）的交换

马嘉楠 2009-2-18

共同学习，欢迎转载。转载请注明地址【http://blog.youkuaiyun.com/majianan/archive/2009/02/18/3905922.aspx】，谢谢O(∩_∩)O！

/******************************************
* 没有版权任意修改改好了请发给我一份 O(∩_∩)O
* Email：jianan.ma@gmail.com
* QQ:52524611
*******************************************/

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT="majianan"> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <mce:script type="text/javascript"></mce:script> </HEAD> <BODY> <table> <tr> <td id='a'>[a]</td> <td id='b'>[b]</td> <td id='c'>[c]</td> <td id='d'>[d]</td> <td id='e'>[e]</td> </tr> </table> <tr><td><input id='t1' type="text" value="a"></td></tr> <tr><td><input id='t2' type="text" value="b"></td></tr> <tr><td><input type="button" value="swap" onclick="swap()"></td></tr> </BODY> </HTML>