Home/ Questions/Q 6329757
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-24T17:44:10+00:00

I wanted to know if a single document fragment can be used to insert

  • 0

I wanted to know if a single document fragment can be used to insert several fragment in the DOM, or do I have to create new ones for each element I want to insert.

Can I do the example below:

var frag = document.createDocumentFragment(),
    div = document.createElement('div'),
    section = document.createElement('section'),
    header = document.createElement('header'),
    divFrag = frag.appendChild(div),
    sectionFrag = frag.appendChild(section),
    headFrag = frag.appendChild(header);

Many thanks

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Just a note about your code: appendChild returns the DOM element inserted, so:

    divFrag = frag.appendChild(div)

    will return div. i.e. div === divFrag.

    To answer your question, you can re-use a document fragment.

    If, for example, you wanted to append all elements to the <body>, you could do it like so:

    frag.appendChild(div);
frag.appendChild(section);
frag.appendChild(header);

document.body.appendChild(frag); // append all three elems at once to the body

// frag is now an empty fragment, ready for re-use
    • 0