javascript Table 中2个列（TD）的交换实现代码

更新时间：2009年02月18日 18:21:12 作者：

非常不错的用js控制talbe中td的位置的实现代码。

<!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=""> <script type="text/javascript"></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>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上面的格式，比较奇怪，我用js稍微改了下，文本框分别是要转换的索引，不能随便输。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <HEAD> <META content="text/html;charset=gb2312" http-equiv=Content-Type> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT="majianan"> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <script type="text/javascript"></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>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

微信小程序实现的图片保存功能示例
这篇文章主要介绍了微信小程序实现的图片保存功能,结合实例形式分析了微信小程序wx.downloadFile({})及wx.saveImageToPhotosAlbum({})函数图片保存功能相关使用技巧,需要的朋友可以参考下
2019-04-04
Javascript 阻止浏览器默认操作的实现代码
在浏览器事件中，会触发一些默认动作，比如：点击一个链接时，执行完捕获／冒泡动作后，会触发链接的默认事件：跳转到指定链接地址。
2009-09-09
JavaScript中的内存泄漏的原因
本文主要介绍了聊一聊JavaScript中的内存泄漏，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2023-05-05
微信小程序新闻网站详情页实例代码
这篇文章主要介绍了微信小程序新闻网站详情页的实例代码，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
2020-01-01
javascript实现图片轮换动作方法
这篇文章主要介绍了javascript实现图片轮换动作方法，文章通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-08-08
浅谈layer弹出层按钮颜色修改方法
今天小编就为大家分享一篇浅谈layer弹出层按钮颜色修改方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-09-09
js+canvas绘制矩形的方法
这篇文章主要介绍了js+canvas绘制矩形的方法,涉及JavaScript调用html5的canvas组件绘制图形的相关技巧,需要的朋友可以参考下
2016-01-01
微信小程序缓存过期时间的使用详情
这篇文章主要介绍了微信小程序缓存过期时间的使用详情，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2019-05-05
JS中循环字符串拼接时加换行问题
这篇文章主要介绍了JS中循环字符串拼接时加换行问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2023-02-02
使用ThinkJs搭建微信中控服务的实现方法
这篇文章主要介绍了使用ThinkJs搭建微信中控服务的实现方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-08-08

javascript Table 中2个列（TD）的交换实现代码

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具