如何从DOM中删除子元素时删除父元素？

Question

脚本 $ scope。 removableElement = ['NAME'，'TITLE'];

<div> 
    <h5>Name</h5> 
    <div><input type="text" ng-if="removableElement.indexOf('NAME')!=-1"/></div> 
    <div><input type="text" ng-if="removableElement.indexOf('TITLE')!=-1"/></div> 
</div> 
<div> 
    <h5>Adress</h5> 
    <div><input type="text" ng-if="removableElement.indexOf('STATE')!=-1"/></div> 
    <div><input type="text" ng-if="removableElement.indexOf('CITY')!=-1"/></div> 
</div> 

由于，removableElement阵列不包含 “STATE” 以及含有这些元素 “CITY”， 'DIV' 应被删除。请建议。

Answer 1

首先做检查。找出关系，父母对孩子强，但孩子对父母是弱关系。

Option 1 (much slower): 
 

 
var myNode = document.getElementById("foo"); 
 
myNode.innerHTML = ''; 
 
Option 2 (much faster): 
 

 
var myNode = document.getElementById("foo"); 
 
while (myNode.firstChild) { 
 
    myNode.removeChild(myNode.firstChild); 
 
}