Benchmark: insertRow vs appendChild - MeasureThat.net

HTML Preparation code:

<html>
    <body>
        <div id="test1"></div>
        <div id="test2"></div>
    </body>
</html>

Script Preparation code:

const table1 = document.createElement('table');
const table2 = document.createElement('table');
const target1 = document.getElementById("test1");
const target2 = document.getElementById("test2");

target1.appendChild(table1);
target2.appendChild(table2);

Tests:

insertRow
const newThead = table1.createTHead(); const headerRow = newThead.insertRow();
appendChild
const newThead = document.createElement('thead'); target2.appendChild(newThead); const headerRow = document.createElement('tr'); newThead.appendChild(headerRow);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
insertRow
appendChild

Fastest: N/A

Slowest: N/A

Latest run results:

No previous run results

This benchmark does not have any results yet. Be the first one to run it!