js移除子元素

以下是几种不同的实现方法来移除js中的子元素：

方法一：使用removeChild()方法

var parent = document.getElementById("parent-element");
while (parent.firstChild) {
    parent.removeChild(parent.firstChild);
}

方法二：使用innerHTML属性

var parent = document.getElementById("parent-element");
parent.innerHTML = "";

方法三：将父元素的子元素集合转换为数组并使用forEach()方法删除子元素

var parent = document.getElementById("parent-element");
Array.from(parent.children).forEach(function(child) {
    parent.removeChild(child);
});

方法四：创建一个临时的空元素，将父元素的子元素添加到临时元素中，然后将临时元素替换父元素

var parent = document.getElementById("parent-element");
var tempElement = document.createElement("div");
Array.from(parent.children).forEach(function(child) {
    tempElement.appendChild(child);
});
parent.parentNode.replaceChild(tempElement, parent);

以上是几种常见的方法来移除js中的子元素，可以根据具体需求选择适用的方法。