如何减少DOM操作

来源：互联网 2023-03-16 23:56:53 373

JS如何减少DOM操作

如何减少DOM操作

方法1

创建临时父元素。

var frag=document.createDocumentFragment();

如何减少DOM操作

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

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

如何减少DOM操作

2本页面未经授权抓取自百度经验

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

frag.appendChild(p1);

frag.appendChild(p2);

如何减少DOM操作

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

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

如何减少DOM操作

找到要添加位置的元素。

var container=document.getElementById("container")

如何减少DOM操作

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

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

如何减少DOM操作

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！