匿名使用者
匿名使用者 發問時間: 電腦與網際網路程式設計 · 4 星期前

[Html]想將文字替換成input box?

我有個html內容如下

 <!--表格顯示在這邊-->

  <div style="overflow: scroll; height:720;overflow-x:hidden;">

 <table align="center" cellspacing="0" cellpadding="4" border="0" style="color:#333333;border-collapse:collapse;width:80%;text-align: center">

  <tr style="color:White;background-color:#507CD1;font-weight:bold;">

   <th scope="col">&nbsp;</th><th scope="col">&nbsp;</th><th scope="col">代號</th><th scope="col">名稱</th><th scope="col">郵遞區號</th><th scope="col">經度</th><th scope="col">緯度</th>

  </tr><tr style="background-color:#EFF3FB;">

   <td><input type="button" value="修改" onclick="adjust(0)" /></td><td><input type="button" value="刪除" onclick="deleteATM('11')" /></td><td align="center">11</td><td align="left">板橋</td><td align="center">220</td><td align="left">24.0099669</td><td align="left">122.457781</td>

  </tr><tr style="background-color:white;">

   <td><input type="button" value="修改" onclick="adjust(1)" /></td><td><input type="button" value="刪除" onclick="deleteATM('12')" /></td><td align="center">12</td><td align="left">桃園</td><td align="center">220</td><td align="left">25.0099669</td><td align="left">123.457781</td>

  </tr></table>

 </div>

(抱歉感覺有點亂請自行貼到筆記本後查看)

我希望點了"修改"之後,將該行的資料轉為輸入框,讓人可以直接修改該行資料

但是不知道如何用JavaScript實現....只知道應該是用html的inner去改,但不會用

有大神可以提供Code供參考嗎謝謝

上方的Code是可以做小幅度修改的,例如:新增id、name...

已更新項目:

jquery也是可以的QQ

尚無任何回答。
成為解答此問題的第一人。