国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

JS實現從表格中動態刪除指定行的方法

2024-05-06 16:17:53
字體：大 中 小
來源：轉載
供稿：網友

這篇文章主要介紹了JS實現從表格中動態刪除指定行的方法,通過getElementById獲取指定行再使用deleteRow方法來實現刪除行的功能,具有一定參考借鑒價值,需要的朋友可以參考下

本文實例講述了JS實現從表格中動態刪除指定行的方法。分享給大家供大家參考。具體如下：

JS的表格對象有一個deleteRow方法用于刪除表格中的指定行，只需要指定行號即可

 

 
  1. <!DOCTYPE html> 
  2. <html> 
  3. <head> 
  4. <script> 
  5. function deleteRow(r) 
  6. { 
  7. var i=r.parentNode.parentNode.rowIndex; 
  8. document.getElementById('myTable').deleteRow(i); 
  9. } 
  10. </script> 
  11. </head> 
  12. <body> 
  13. <table id="myTable" border="1"> 
  14. <tr> 
  15. <td>Row 1</td> 
  16. <td><input type="button" value="Delete" onclick="deleteRow(this)"></td> 
  17. </tr> 
  18. <tr> 
  19. <td>Row 2</td> 
  20. <td><input type="button" value="Delete" onclick="deleteRow(this)"></td> 
  21. </tr> 
  22. <tr> 
  23. <td>Row 3</td> 
  24. <td><input type="button" value="Delete" onclick="deleteRow(this)"></td> 
  25. </tr> 
  26. </table> 
  27. </body> 
  28. </html> 

希望本文所述對大家的javascript程序設計有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板： 安义县| 乐东| 冕宁县| 湄潭县| 枝江市| 监利县| 昌都县| 屯昌县| 阜城县| 峡江县| 临沧市| 本溪市| 永嘉县| 凌海市| 柏乡县| 独山县| 莲花县| 凯里市| 沧州市| 商洛市| 习水县| 阳泉市| 吐鲁番市| 寻甸| 营口市| 依安县| 永川市| 福贡县| 元阳县| 大悟县| 徐水县| 大兴区| 宁南县| 利辛县| 西乌珠穆沁旗| 天全县| 凤山市| 河北省| 黑龙江省| 湛江市| 永胜县|