如何在JavaScript中删除DOM节点的所有子元素？

删除<div>的子元素

我们可以用，

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

它将删除的所有子项

其ID为“ mList”。

示例

在您的代码中，它可以写为-

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

基础教程