点击按钮,实现两个td值互换

Posted Carina

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了点击按钮,实现两个td值互换相关的知识,希望对你有一定的参考价值。

 1 <body>
 2     <table id="table1">
 3         <tr>
 4             <td>第一个单元格</td>
 5             <td>第二个单元格</td>
 6         </tr>
 7     </table>
 8     <input type="button" value="改变" onclick="change()">
 9     <script>
10         function change(){
11             var x,y;
12             x=document.getElementById(table1).rows[0].cells[0].innerhtml;
13             y=document.getElementById(table1).rows[0].cells[1].innerHTML;
14             document.getElementById(table1).rows[0].cells[1].innerHTML=x;
15             document.getElementById(table1).rows[0].cells[0].innerHTML=y;
16         }
17     </script>
18 </body>

 

以上是关于点击按钮,实现两个td值互换的主要内容,如果未能解决你的问题,请参考以下文章

jquery实现radio互换

怎么用jquery通过点击全选按钮实现全选 全不选

2017 年 9 月 27 日 js(1.两个select 内容互换 2.单选按钮 同意可点击下一步 3. 全选框)

jquery如何实现点击LI标签和下面的LI互换顺序? 超简单代码

JavaScripttable里面点击某td获取同一行tr的其他td值

Java一行代码搞定两个数互换