Contoh dalam artikel ini menerangkan kaedah JS untuk memadamkan baris tertentu secara dinamik daripada jadual. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:
Objek jadual JS mempunyai kaedah deleteRow untuk memadamkan baris yang ditentukan dalam jadual Anda hanya perlu menentukan nombor baris
<!DOCTYPE html> <html> <head> <script> function deleteRow(r) { var i=r.parentNode.parentNode.rowIndex; document.getElementById('myTable').deleteRow(i); } </script> </head> <body> <table id="myTable" border="1"> <tr> <td>Row 1</td> <td><input type="button" value="Delete" onclick="deleteRow(this)"></td> </tr> <tr> <td>Row 2</td> <td><input type="button" value="Delete" onclick="deleteRow(this)"></td> </tr> <tr> <td>Row 3</td> <td><input type="button" value="Delete" onclick="deleteRow(this)"></td> </tr> </table> </body> </html>
Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.