Small mistakes in JavaScript-------common error Five: inefficient DOM manipulation

Small mistakes in JavaScript-------common error Five: inefficient DOM manipulation
The DOM basic operation in JS is very simple, but how to perform these operations effectively has always been a challenge. One of the most typical problems is the bulk addition of DOM elements. Adding a DOM element is a step that takes a lot of action. And the bulk increase in the cost of the system is not expensive. A better way to increase volume is to use document fragments:
var div = document.getelementsbytagname ("My_div");
var fragment = Document.createdocumentfragment ();
for (var e = 0; e < elems.length; e++) {

Fragment.appendchild (Elems[e]);

}

Div.appendchild (Fragment.clonenode (true));
Adding DOM elements directly is a very expensive operation. But it's much more efficient to add all of the elements you want to add before you create them all.

Small mistakes in JavaScript-------common error Five: inefficient DOM manipulation