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

Question

脚本 $范围的 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);
}