Run details:
Mozilla/5.0 (Windows NT 6.2; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36
Chrome 103
Windows 8
Desktop
2 years ago
Test name Executions per second
cloning 1.8 Ops/sec
inner with join 0.9 Ops/sec
Tests:
  • cloning

    x
     
    const paren = document.createElement('div');
    let n = 0;
        const div = document.createElement('div');
        const p = document.createElement('p');
        p.classList.add('font-bold');
        p.textContent = 'Hello!';
        div.appendChild(p);
    while(true) {
        n++;
        paren.appendChild(div.cloneNode(true));
        if(n===100000) 
            break;
    }
  • inner with join

     
    const paren = document.createElement('div');
    let n = 0;
    let str= [];
    while(true) {
        n++;
        str.push('<div><p class="font-bold">Hello!</p></div>');
        if(n===100000) 
            break;
    }
    paren.innerHTML = str.join('');