如何從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); 
 
}