วิธีลบชิลด์อีลิเมนต์ทั้งหมดของโหนด DOM ใน JavaScript

เพื่อลบชิลด์อีลิเมนต์ของ <div>

เราสามารถใช้ได้ดังนี้

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

จะลบชิลด์ทั้งหมดของ

ตัวอย่าง

ในโค้ดของคุณสามารถเขียนได้ดังนี้ -

<html> 
    <body> 
        <div id="mList" style="width:400px;background-color:gray"> 
            <ul> 
                <li>li- child</li> 
                <li>li- child</li> 
            </ul> 
        </div> 
        <button onclick="mFunction()">Submit</button> 
        <script> 
            function mFunction() { 
                var list = document.getElementById("mList"); 
                while (list.hasChildNodes()) { 
                    list.removeChild(list.firstChild); 
                } 
            } 
        </script> 
    </body> 
</html>