Snip2Code is shutting down.
It has been quite a ride, since 2013 when we launched our first prototype: thanks to the effort of you guys we collected more than 3 million snippets!
We are very proud to help all our users to be more efficient in their jobs, and to be the central point to share programming knowledge for everyone.
Our basic service is free, so we always survived on our own resources to give you Snip2Code.
Unfortunately, we are no more in the financial position to sustain this effort, and therefore we are announcing here our permanent shut down,
which will take place on August 1st, 2020.
Please save your private snippets using our backup function in the settings, here.
IF YOU WANT TO SAVE SNIP2CODE, PLEASE CONSIDER DOING A DONATION!
This will allow us to pay for the servers and the infrastructure. If you want to donate, Contact Us!
by
6
4
3,494
1
Top 1% !
Famous
Nice
Specified
Popularity: 3883rd place
This snippet is Public
No tags for this snippet yet.
LanguageJavaScript
LicenseMIT_X11
SourceGitHub

Fastest way to add new nodes to the DOM

Fastest way to add new nodes to the DOM: 
frag.js
Copy Embed Code
<iframe id="embedFrame" style="width:600px; height:300px;"
src="https://www.snip2code.com/Embed/137720/Fastest-way-to-add-new-nodes-to-the-DOM?startLine=0"></iframe>
Click on the embed code to copy it into your clipboard Width Height
Leave empty to retrieve all the content Start End
var frag = document.createDocumentFragment(); ajaxResult.items.forEach(function(item) { // Create the LI element var li = document.createElement('li'); li.innerHTML = item.text; // Do some normal node operations on the LI here, // like add classes, modify attributes, // add event listeners, add child nodes, etc. // *Instead place the LI into the fragment* frag.appendChild(li); }); // Lastly, mass-inject all list items via the DocumentFragment document.querySelector('ul').appendChild(frag);
If you want to be updated about similar snippets, Sign in and follow our Channels

blog comments powered by Disqus