如何减少DOM操作

1、创建临时父元素。

var frag=document.createDocumentFragment();

2、创建子元素，并添加内容，设置属性。

var p1=document.createElement("p");p1.innerHTML="这是p1";var p2=document.createElement("p");p2.innerHTML="这是p2";

3、把子元素加入到临时父元素中。

frag.appendChild(p1);

frag.appendChild(p2);

4、把临时父元素添加到DOM树。

var container=document.getElementById("container");container.appendChild(frag);

1、找到要添加位置的元素。

var container=document.getElementById("container")

2、改变该元素内容为需要的html。

container.innerHTML=`  这是p1  这是p2`;