javascript remove clicked table row from table

Solutions on MaxInterview for javascript remove clicked table row from table by the best coders in the world

Search
showing results for - "javascript remove clicked table row from table"
Frida
21 Sep 2020
1<script>
2  function RemoveRow() {
3      // event.target will be the input element.
4      var td = event.target.parentNode; 
5      var tr = td.parentNode; // the row to be removed
6      tr.parentNode.removeChild(tr);
7</script>
8
9<table>
10   <tr>
11       <td><input type="button" value="Delete Row" onclick="RemoveRow()"></td>
12   </tr>
13   <tr>
14       <td><input type="button" value="Delete Row" onclick="RemoveRow()"></td>
15   </tr>
16   <tr>
17       <td><input type="button" value="Delete Row" onclick="RemoveRow()"></td>
18   </tr>
19</table>
source
Rian
01 Mar 2016
1<script>
2    function RemoveRow(o) {
3     //no clue what to put here?
4     var p=o.parentNode.parentNode;
5         p.parentNode.removeChild(p);
6    }
7</script>
8
9<table>
10   <tr>
11       <td><input type="button" value="Delete Row" onclick="RemoveRow(this)"></td>
12   </tr>
13   <tr>
14       <td><input type="button" value="Delete Row" onclick="RemoveRow(this)"></td>
15   </tr>
16   <tr>
17       <td><input type="button" value="Delete Row" onclick="RemoveRow(this)"></td>
18   </tr>
19</table>
20
source
similar questions
jquery remove all tr from tablejquery insert table row after clicked rowjavascript select row all deletedelete row javascripthow to add edit and delete rows of a html table with javascriptremove first row from table jqueryjavascript remove row from tableremove table line button html using javascriptjavascript onclick append a new row to tablejavascript select all table rowsdelete all the rows of table javascriptjavascript clear table bodyhow to delete an item from an array from adeleting a value in a table javascriptjavascript close current tabjs remove ta contin wordhow to make remove buttoon on table using js domremove selected jsjquery grab table rowremove tr in table jqueryhow to close tab by javascripthow to empty table after closing modal using jqueryhow to close another browser tab with javascriptjavascript remove the current tr with click
queries leading to this page
javascript remove clicked table row from tableremove table row on button click javascriptdlete rows by click on cross in table in jsjavascript remove table row on button clickdelete clicked row of the table javascriptjavascript delete table row 27 27 onclickjavascript remove clicked table row from table