JavaScript में DOM नोड के सभी चाइल्ड एलिमेंट्स कैसे हटाएं

<div> के चाइल्ड एलिमेंट्स को हटाने के लिए, हम उपयोग कर सकते हैं:

var list = document.getElementById("mList");
while (list.hasChildNodes()) {
    list.removeChild(list.firstChild);
}

यह 'mList' आईडी वाले एलिमेंट के सभी चाइल्ड को हटा देगा।

उदाहरण

आपके कोड में इसे इस प्रकार लिखा जा सकता है -

<html>
    <body>
        <div id="mList" style="width:400px;background-color:gray">
            <ul>
                <li>li- चाइल्ड</li>
                <li>li- चाइल्ड</li>
            </ul>
        </div>
        <button onclick="mFunction()">सबमिट</button>
        <script>
            function mFunction() {
                var list = document.getElementById("mList");
                while (list.hasChildNodes()) {
                    list.removeChild(list.firstChild);
                }
            }
        </script>
    </body>
</html>