- A document fragment may contain any kind of node (except or ) where as an element may not
- The fresh new file fragment itself, is not set in the new DOM once you append an excellent fragment. New belongings in the node is actually. Instead of appending a component node where function is a portion of the appending.
- When a file fragment was appended toward DOM they transmits regarding document fragment with the lay the appended. Its don’t into the memories regarding the put you created they. That isn’t genuine having function nodes which might be temperately utilized in order to contains nodes temporarily and try transferred to the fresh alive DOM.
By passing the appendChild() and insertBefore() node methods a documentFragment argument the child nodes of the documentFragment are transported as children nodes to the DOM node the methods are called on. Below we create a documentfragment, add some
Document fragments introduced since the objections in order to keeping node tips tend to enter the whole child node framework disregarding the new documentFragment node in itself.
8.4 Using innerHTML to your a good documentFragment
Creating a DOM structure in memory using node methods can be verbose and laboring. One way around this would be to created a documentFragment, append a
to this fragment because innerHTML does not work on document fragments, and then use the innerHTML property to update the fragment with a string of HTML. By doing this a DOM structure is crafted from the HTML string. In the code below I construct a DOM structure that I can then treat as a tree of nodes and not just a JavaScript string.