Run results for: textContent vs nodeValue vs data vs inner html - MeasureThat.net

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:147.0) Gecko/20100101 Firefox/147.0

Browser: Firefox 147

Operating system: Windows

Device Platform: Desktop

Date tested: 2 months ago

Test name	Executions per second
element.textContent	305756.9 Ops/sec
node.textContent	2611329.8 Ops/sec
node.nodeValue	2645643.5 Ops/sec
node.data	2595350.5 Ops/sec
element.innerHtml	363294336.0 Ops/sec

HTML Preparation code:

<div id="el"> </div>

Script Preparation code:

var a = document.querySelector('#el');

Tests:

element.textContent
a.textContent = Math.random();
node.textContent
a.firstChild.textContent = Math.random();
node.nodeValue
a.firstChild.nodeValue = Math.random();
node.data
a.firstChild.data = Math.random();
element.innerHtml
a.innerHtml = Math.random();