Run results for: InnerHTML vs deleteRow

Run details:

User agent: Mozilla/5.0 (Android 14; Mobile; rv:135.0) Gecko/135.0 Firefox/135.0

Browser: Firefox Mobile 135

Operating system: Android

Device Platform: Mobile

Date tested: one year ago

Benchmark engine: Benchmark.js

deleteRow

1.5M/s

innerHTML

469K/s

View exact numbers

Test name	Executions per second
✓ deleteRow	1,509,330 Ops/sec
innerHTML	469,240 Ops/sec

HTML Preparation code:

<table>
  <tbody id="tableBody">
    
  </tbody>
</table>

Script Preparation code:

var el = document.getElementById('tableBody');
for (i=0; i<10; i++) {
	var row = el.insertRow(0);
    var cell1 = row.insertCell(0);
    var cell2 = row.insertCell(1);
    cell1.innerHTML = "NEW CELL1";
    cell2.innerHTML = "NEW CELL2";
}

Tests:

innerHTML
var el = document.getElementById('tableBody'); el.innerHTML = ''
deleteRow
var el = document.getElementById('tableBody'); while (el.children.length) { el.deleteRow(-1) }

Run results for: InnerHTML vs deleteRow

Testing to see what is the fastest way to clear a table.

innerHTML

deleteRow