Exchange implementation code of 2 columns (TD) in javascript Table_javascript skills

<title> New Document </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content="majianan"> <meta name="Keywords" content=""> <meta name="Description" content=""> <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>
[Ctrl A Select all Note: If you need to introduce external Js, you need to refresh to execute it

]

The above format is quite strange. , I changed it slightly using js. The text boxes are the indexes to be converted and cannot be entered casually.

<meta content="text/html;charset=gb2312" http-equiv="Content-Type"> <title> </title> New Document <meta name="Generator" content="EditPlus"> <meta name="Author" content="majianan"> <meta name="Keywords" content=""> <meta name="Description" content=""> <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> <table> <td> </td> <td id="a">[a]<input id="t1" type="text" value="a"> </td> <td id="b">[b]</td> <td id="c">[c] </td> <td id="d">[d]</td> <tr> <td id="e">[e]</td> <td> <input id="t2" type="text" value="b"> </td> </tr> </table> </tr> <tr><td> <input type="button" value="swap" onclick="swap()"> </td></tr>