Remove table row using javascript not working in IE
Question
remove () doesn't work in IE11. Please provide any solution to the code below.
var TD1= document.getElementById('firstTbl').
getElementsByTagName('tr')[0].getElementsByTagName('td')[4];
//This remove is not working in IE.
firstTD1.remove();
HTML Code:
<table id="firstTbl">
<tr>
<td> <div class="stylediv">Basic </div> </td>
<td> <div class="stylediv">Critical </div> </td>
<td> <div class="stylediv">Surgical </div> </td>
<td> <div class="stylediv">Hospital </div> </td>
<td> <div class="stylediv">Waiver </div> </td>
</tr>
</table>
Note: Goal is to hide Waiver table row.
2 answers
solution1
0 ACCPTED 2017-05-11 09:14:25
See below code snippet: working fine in IE and safari
<html> <table id="firstTbl"> <tr> <td> <div class="stylediv">Basic </div> </td> <td> <div class="stylediv">Critical </div> </td> <td> <div class="stylediv">Surgical </div> </td> <td> <div class="stylediv">Hospital </div> </td> <td> <div class="stylediv">Waiver </div> </td> </tr> </table> <script> var TD1= document.getElementById('firstTbl').getElementsByTagName('tr')[0].getElementsByTagName('td')[4]; //This remove is not working in IE. console.log(TD1.parentNode); TD1.parentNode.removeChild(document.getElementsByTagName('td')[4]); </script> </html>
solution2
-1 2017-05-11 08:53:11
Method remove is not supported in all browsers:
Instead remove the element as follows:
var TD1 = document.getElementById('firstTbl').getElementsByTagName('tr')[0].getElementsByTagName('td')[4];
TD1.parentNode.removeChild(TD1);
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
Button to remove row of table is not working using Javascript
Change id of a Table row using javascript in IE
Remove html table row using javascript or jquery?
Add and remove table row using DOM Javascript
javascript remove functionality is not working in IE
Javascript remove row of a html table is not working in Google Chrome
JavaScript Create Table not working in IE
Remove a table row with checkbox in Javascript
Remove a row from a table with JavaScript
how to remove blank row (tr) from html table using javascript
Related Tags