点击按钮,实现两个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值互换的主要内容,如果未能解决你的问题,请参考以下文章