DOM TEST

by Julien Etienne

JavaScript

const fragment = document.createDocumentFragment();



const buildList = (parent, amount) => {
  /* console.time('build') */;
  for (let i = 0; i < amount; i++) {
    const div = document.createElement('div');
    const h1 = document.createElement('h1');
    const greeting = document.createTextNode('Welcome to the show');
    div.className = 'greet-' + i
    h1.append(greeting);
    div.append(h1)
    parent.append(div)
  }
     /* console.timeEnd('build')
     
       console.time('APPEND_CHILD ');
     if(parent === fragment){
     document.body.appendChild(parent)
     } */
     /* console.timeEnd('APPEND_CHILD ') */;
     return parent;
}
const parent = buildList(fragment, 10000)
    console.time('APPEND_CHILD ');
const results = fragment.querySelector('.greet-954')
console.log(results)
    console.timeEnd('APPEND_CHILD ');