Benchmark: innerHTML = '' vs textContent = ''

Script Preparation code:

const targetElem = document.createElement('DIV');
targetElem.id = 'target';

targetElem.innerHTML = `
	<div>
		<span>Child 1</span>
	</div>
	<div>
		<span>Child 2</span>
	</div>
	<div>
		<span>Child 3</span>
	</div>
`;

document.body.appendChild(targetElem);

Tests:

innerHTML = ''
document.getElementById('target').innerHTML = '';
textContent = ''
document.getElementById('target').textContent = '';

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
innerHTML = ''
textContent = ''

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!

innerHTML = '' vs textContent = '' (version: 0)

Comparing performance of: innerHTML = '' vs textContent = ''

Created: one year ago by: Guest

Jump to the latest result

innerHTML = ''

textContent = ''

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

No previous run results