使用 javascript 删除 table 行在 IE 中不起作用

Question

remove() 在 IE11 中不起作用。请提供以下代码的任何解决方案。

var TD1= document.getElementById('firstTbl').
        getElementsByTagName('tr')[0].getElementsByTagName('td')[4]; 
//This remove is not working in IE. 
firstTD1.remove();

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>

注：目标是隐藏豁免table行。

Answer 1

并非所有浏览器都支持方法 remove：

改为删除元素如下：

var TD1 = document.getElementById('firstTbl').getElementsByTagName('tr')[0].getElementsByTagName('td')[4]; 

TD1.parentNode.removeChild(TD1);

Answer 2

参见下面的代码片段：在 IE 和 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>

使用 javascript 删除 table 行在 IE 中不起作用

Remove table row using javascript not working in IE

javascript

cross-browser

removechild