如何完全删除临时元素

我正在一个函数中动态添加一个"div"节点，该节点只是暂时需要的。 我已经使用<父>.removeChild 将其分离，然后将其设置为 null，但我很好奇当函数超出范围时，在函数中创建的未附加节点会发生什么？

如果节点保留在内存中但未连接：

• A） 是否甚至需要设置为 null 还是在返回时自动消失？
  • 如果是这样，设置为 null 是正确的方法吗？
• B） 需要对其属性执行任何操作吗？（如node.style.position）
• C） 如果它包含其他子节点，是否需要单独处理它们，或者当它们的未附加父节点设置为 null 时它们会消失吗？
• D） 可以使用哪些工具来查看这些类型的未附加资源？

下面是一个用于讨论目的的示例函数：

    function dpi(){
      var res={},
        div=document.createElement("div"),
        body=document.getElementsByTagName('body')[0];
      div.style.position="absolute";
      div.style.width="1in";
      div.style.height="1in";
      div.style.left="-100%";
      div.style.top="-100%";
      body.appendChild(div);
      res["xdpi"]=div.offsetWidth;
      res["ydpi"]=div.offsetHeight;
      body.removeChild(div);
      div=null;
      return res;
    }