Cách xóa tất cả phần tử con của nút DOM trong JavaScript

Để xóa các phần tử con của <div>

ta dùng:

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

Sẽ xóa tất cả con của

Ví dụ

Trong code của bạn có thể viết như sau:

<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>