Toggle navigation
MeasureThat.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
innerhtml vs removechild (table)
(version: 0)
Comparing performance of:
innerHTML vs removeChild vs deleteRow
Created:
2 years ago
by:
Guest
Jump to the latest result
HTML Preparation code:
<table><tbody id="container"></tbody></table>
Script Preparation code:
var node = document.getElementById('container'); string html[]; for(var i = 0; i < 500; i++) html.push('<tr><td>aa</td><td>aa</td></tr>'); node.insertAdjacentHTML('beforeend', html.join(''));
Tests:
innerHTML
var node = document.getElementById('container'); node.innerHTML = '';
removeChild
var node = document.getElementById('container'); while(node.lastChild) node.removeChild(node.lastChild)
deleteRow
var node = document.getElementById('container').parentElement; for(var i = 0; i < 500; i++){ node.deleteRow(i); }
Rendered benchmark preparation results:
Suite status:
<idle, ready to run>
Run tests (3)
Previous results
Fork
Test case name
Result
innerHTML
removeChild
deleteRow
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!
Comments
Confirm delete:
Do you really want to delete benchmark?