Run results for: textContent vs. innerText vs. nodeValue

Compare the performance of different ways of setting text.

Go to the benchmark
Run details:
Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/134.0.0.0 Safari/537.36
Chrome 134
Linux
Desktop
6 months ago
set same value if changed via nodeValue
22.0M/s
set different value if changed via nodeValue
21.3M/s
set different value if changed via textContent
11.5M/s
set same value if changed via textContent
10.9M/s
set same value via textContent
7.0M/s
set different value via textContext
6.1M/s
set same value via nodeValue
4.8M/s
set different value via nodeValue
3.0M/s
set same value via innerText
1.3M/s
set different value via innerText
1.3M/s
set same value if changed via innerText
835K/s
set different value if changed via innerText
827K/s
View exact numbers
Test name Executions per second
✓ set same value if changed via nodeValue 21,994,050 Ops/sec
set different value if changed via nodeValue 21,268,744 Ops/sec
set different value if changed via textContent 11,508,245 Ops/sec
set same value if changed via textContent 10,879,694 Ops/sec
set same value via textContent 6,962,008 Ops/sec
set different value via textContext 6,120,836 Ops/sec
set same value via nodeValue 4,787,597 Ops/sec
set different value via nodeValue 3,041,272 Ops/sec
set same value via innerText 1,345,660 Ops/sec
set different value via innerText 1,289,198 Ops/sec
set same value if changed via innerText 834,505 Ops/sec
set different value if changed via innerText 827,099 Ops/sec
HTML Preparation code:
Script Preparation code:
Tests: