Do I need to delete all the children of a DOM element , when I delete the parent itself?

If I delete a parent element, do the child elements remain in the browser's memory?

<div id="parent">
    <ul>
        <li>one</li>
        <li>two</li>
        <li>one</li>
    </ul>
</div>
<script>

    var element = document.getElementById("parent"); 
    element.parent.removeChild(element);

</scr开发者_运维百科ipt>

---

No, they don't, don't worry. :)

---

If the children stays in the memory that'd be a very major flaw and a huge memory leak in the browsers code.

---

I hope you mean parentNode there :). parent is for accessing a parent frameset or window I believe.

It won't remain in memory if removed. Otherwise a lot of memory would be leaking with objects in the DOM with no pointer to them.

---

The child nodes are removed and taken care of they don't stay back in memory..

Alternative to your code you can use...jQuery

$('#parent').empty().remove();