纯js批量插入dom节点
//获取目标节点
let targetDom = document.querySelector("targetDom");
let temp = "";
for(let i = 0; i < 10;i++){
// 复制节点
let cloneDom = targetDom.cloneNode(true);
/* doing somthing to cloneDom
* ....
*/
temp += cloneDom.outerHTML;
}
//insertAdjacentHTML,有两个参数,
//第一个参数决定插入的位置("beforebegin",插入当前元素前面,作为前一个同胞节点;
//"beforebegin",插入当前元素前面,作为前一个同胞节点;
//"beforebegin",插入当前元素前面,作为前一个同胞节点;
//"beforebegin",插入当前元素前面,作为前一个同胞节点;)
//第二个参数为要插入的HTML 字符串。
targetDom.insertAdjacentHTML("afterend",temp);