如何减少DOM操作

2024-11-02 05:11:18

1、创建临时父元素。var frag=document.createDocumentFragment();

如何减少DOM操作

2、创建子元素,并添加内容,设置属性。var p1=document.createElement("p");p1.innerHTML="这是p1";var p2=document.createElement("p");p2.innerHTML="这是p2";

如何减少DOM操作

3、把子元素加入到临时父元素中。frag.appendChild(p1);frag.appendChild(p2);

如何减少DOM操作

4、把临时父元素添加到DOM树。var container=document.getElementById("container");container.appendChild(frag);

如何减少DOM操作
猜你喜欢