Later, a technical group asked the following code:
Copy Code code as follows:
function Html2node (s) {
var d = document.createelement (' div ');
d.innerhtml = s;
if (d.childnodes.length = 1)
return d.childnodes[0];
var df = document.createdocumentfragment ();
while (D.firstchild)
Df.appendchild (D.firstchild);
return DF;
}
Probably the principle all understand, the more puzzling is why use document.createdocumentfragment?
Later on the Internet to search the relevant resources to know that document.createdocumentfragment is used to create document fragments.
When we need a lot of appendchild page elements, we can appendchild these elements into document.createdocumentfragment first.
You can then just appendchild the document to the page. This will not have to refresh the page several times to achieve performance optimization. The above code I think the use of document fragments is superfluous.