Run results for: textContent vs. innerText vs. nodeValue

Run details:

User agent: Mozilla/5.0 (X11; CrOS x86_64 14541.0.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/118.0.0.0 Safari/537.36

Browser: Chrome 118

Operating system: Chrome OS 14541.0.0

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
set same value via textContent	6775336.5 Ops/sec
set same value via innerText	1737884.8 Ops/sec
set different value via textContext	6572991.5 Ops/sec
set different value via innerText	1731097.6 Ops/sec
set same value if changed via textContent	7485101.0 Ops/sec
set same value if changed via innerText	1107991.6 Ops/sec
set different value if changed via textContent	7739438.5 Ops/sec
set different value if changed via innerText	1029156.1 Ops/sec
set same value via nodeValue	4942868.5 Ops/sec
set different value via nodeValue	3845782.2 Ops/sec
set same value if changed via nodeValue	10595588.0 Ops/sec
set different value if changed via nodeValue	10500733.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';