javascript - 分配给innerHTML会删除HTML子树吗？

Question

我刚刚发现了 HTML DOM 元素的这种神奇方法，innerHTML .

在使用 innerHTML 分配新内容之前先删除所有子节点是一个好习惯吗？当我进行新的分配时，旧的子树会发生什么？

var removeChildNodes = function(node) {
  while (node.firstChild) {
    node.removeChild(node.firstChild);
  }
};

var dynamicContentNode = document.getElementById('dynamic-content');

// Is this step important?
removeChildNodes(dynamicContentNode);

// (Recursively?) Populate the new subtree of HTML DOM elements
dynamicContentNode.innerHtml = '<div><p>Oh hai</p></div>';

Answer 1

innerHTML 完全替换了元素的 HTML 元素。它们刚刚被删除，并被浏览器收集为垃圾。您不需要先删除该元素的子元素。子树消失了。