国产探花免费观看_亚洲丰满少妇自慰呻吟_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程序設計有所幫助。

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

圖片精選

主站蜘蛛池模板： 连平县| 文成县| 民勤县| 泉州市| 鲁甸县| 房山区| 佛山市| 镇赉县| 宁夏| 高州市| 西充县| 礼泉县| 腾冲县| 卓尼县| 伊宁市| 左贡县| 岐山县| 宁蒗| 通道| 钟祥市| 印江| 大田县| 大姚县| 天等县| 普宁市| 堆龙德庆县| 永胜县| 蓝田县| 轮台县| 城市| 庆云县| 清新县| 华安县| 勃利县| 萝北县| 枝江市| 柏乡县| 秦皇岛市| 泸定县| 彩票| 囊谦县|