JS 为一组子节点添加父节点（包含本身文本节点）

在父节点下建立新的节点当作原有子节点的父节点

//假设这是原有父节点
let parent = document.getElementById("xxx");
//或者此为子节点的话用 parent.parentElement 来获取父节点
//创建新的父节点
let div = document.createElement("div");
//获取子节点数量 包含文本节点
//因为此处追加为元素的移动 所以 不直接遍历集本身 而是遍历固定数量 
let count = parent.childNodes.length;
//每次都将第一个元素追加到新元素上来保证追加顺序
for (let i=0;i<count;i++){div.appendChild(parent.childNodes[0]);}
parent.appendChild(div);

替换原有父节点使用: replaceChild()

附 ：CSS渲染权重：

!importent > style > id > class > 标签 > 继承