Run results for: textContent vs. innerText vs. nodeValue

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/121.0.0.0 Safari/537.36

Browser: Chrome 121

Operating system: Windows

Device Platform: Desktop

Date tested: 9 months ago

Test name	Executions per second
set same value via textContent	5381901.0 Ops/sec
set same value via innerText	2107467.0 Ops/sec
set different value via textContext	5284823.5 Ops/sec
set different value via innerText	2002470.8 Ops/sec
set same value if changed via textContent	6310752.0 Ops/sec
set same value if changed via innerText	741196.3 Ops/sec
set different value if changed via textContent	6412946.0 Ops/sec
set different value if changed via innerText	768760.8 Ops/sec
set same value via nodeValue	5197953.5 Ops/sec
set different value via nodeValue	4233529.0 Ops/sec
set same value if changed via nodeValue	8648134.0 Ops/sec
set different value if changed via nodeValue	8498622.0 Ops/sec

HTML Preparation code:

<div id='div'>test</div>

Script Preparation code:

var div = document.getElementById('div');

Tests:

set same value via textContent
div.textContent = 'test';
set same value via innerText
div.innerText = 'test';
set different value via textContext
div.textContent = 'other';
set different value via innerText
div.innerText = 'other';
set same value if changed via textContent
if (div.textContent !== 'test') div.textContent = 'test';
set same value if changed via innerText
if (div.innerText !== 'test') div.innerText = 'test';
set different value if changed via textContent
if (div.textContent !== 'other') div.textContent = 'other';
set different value if changed via innerText
if (div.innerText !== 'other') div.innerText = 'other';
set same value via nodeValue
div.firstChild.nodeValue = 'same';
set different value via nodeValue
div.firstChild.nodeValue = 'other';
set same value if changed via nodeValue
if (div.firstChild.nodeValue !== 'test') div.firstChild.nodeValue = 'test';
set different value if changed via nodeValue
if (div.firstChild.nodeValue !== 'other') div.firstChild.nodeValue = 'other';