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/134.0.0.0 Safari/537.36 Edg/134.0.0.0

Browser: Chrome 134

Operating system: Windows

Device Platform: Desktop

Date tested: one month ago

Test name	Executions per second
set same value via textContent	6186312.0 Ops/sec
set same value via innerText	1613896.2 Ops/sec
set different value via textContext	6650269.5 Ops/sec
set different value via innerText	1716834.2 Ops/sec
set same value if changed via textContent	9741445.0 Ops/sec
set same value if changed via innerText	716280.2 Ops/sec
set different value if changed via textContent	9172154.0 Ops/sec
set different value if changed via innerText	720020.6 Ops/sec
set same value via nodeValue	4202700.5 Ops/sec
set different value via nodeValue	2993717.2 Ops/sec
set same value if changed via nodeValue	15540349.0 Ops/sec
set different value if changed via nodeValue	14134544.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';