清除元素子 JS - Javascript

在 Javascript 中，清除元素的子元素是一个很常见的操作。下面是一些实现方法：

方法 1：使用 innerHTML

可以通过 innerHTML 将父元素的 content 赋值为空字符串，从而清除其所有子元素：

const element = document.getElementById("myElement");
element.innerHTML = "";

方法 2：使用 removeChild

使用 removeChild 可以在每次循环中删除子元素，直到没有子元素为止：

const element = document.getElementById("myElement");
while (element.firstChild) {
  element.removeChild(element.firstChild);
}

方法 3：使用 jQuery

如果使用了 jQuery，这个任务也可以很容易地完成：

$("#myElement").empty();

方法 4：使用空白节点

可以创建一个空白节点，将其作为父元素的唯一子元素，从而清除其它所有子元素：

const element = document.getElementById("myElement");
const blank = document.createTextNode("");
while (element.firstChild) {
  element.removeChild(element.firstChild);
}
element.appendChild(blank);

以上就是一些清除元素子元素的 JS 实现方法，可以根据自己的需求选择其中的一种。