原生 JS 从父元素清除所有子元素

一、使用`while`循环

1. 不断地从父元素中移除第一个子元素，直到没有子元素为止。

const parentElement = document.getElementById("parent");



while (parentElement.firstChild) {

  parentElement.removeChild(parentElement.firstChild);

}

二、使用`innerHTML`设置为空字符串

1. 将父元素的`innerHTML`属性设置为空字符串，这会清除所有子元素的 HTML 内容。

const parentElement = document.getElementById("parent");

parentElement.innerHTML = "";

三、使用`empty`方法

1. 如果在项目中有自定义的工具函数，可以创建一个`empty`方法来清空父元素。

function empty(parentElement) {

  while (parentElement.firstChild) {

    parentElement.removeChild(parentElement.firstChild);

  }

}



const parentElement = document.getElementById("parent");

empty(parentElement);