html运行实例（jsck_node_removechild

代码示例：（标识：jsck_node_removechild_while）

<!DOCTYPE html>
<html>
<body>

<h1>Element 对象</h1>

<h2>removeChild() 方法</h2>

<p>点击“删除”，移除 ul 的所有子节点。</p>

<button onclick="myFunction()">删除</button>

<ul id="myList">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

<script>
function myFunction() {
  const list = document.getElementById("myList");
  while (list.hasChildNodes()) {
    list.removeChild(list.firstChild);
  }
}
</script>

</body>
</html>