createDocumentFragment

JavaScript can use the DOM to build whole sections of HTML to be added in one go

So far in the tutorial series on the JavaScript DOM we have looked at ways to add, change, and delete single elements within our web page. In this fourteenth tutorial we look at how you can build up a collection of HTML elements and then use one single JavaScript command to add them all to your web page in one go. This way you wont have the pieces appearing one at a time as the code runs.

createDocumentFragment