原生js清空子元素与添加子元素

清空子元素(removeChild)

//获取父元素
let content = document.getElementsByClassName("table-page__text")[0];
//循环删除子元素，一直删除第一个子元素直到没有子元素即为清空
while (content.hasChildNodes()) {
   content.removeChild(content.firstChild);
}

添加子元素(insertAdjacentHTML)

let content = document.getElementsByClassName("table-page__text")[0];
   while (content.hasChildNodes()) {
   	content.removeChild(content.firstChild);
   }
   let msg =
     "当前第<span>" +
     this.currentPage +
     "</span>页&nbsp&nbsp&nbsp" +
     "共" +
     "<span>" +
     this.totalCount +
     "</span>" +
     "条记录";
content.insertAdjacentHTML("beforeend", msg);