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; CrOS x86_64 14541.0.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/118.0.0.0 Safari/537.36
Chrome 118
Chrome OS 14541.0.0
Desktop
2 years ago
set same value if changed via nodeValue
10.6M/s
set different value if changed via nodeValue
10.5M/s
set different value if changed via textContent
7.7M/s
set same value if changed via textContent
7.5M/s
set same value via textContent
6.8M/s
set different value via textContext
6.6M/s
set same value via nodeValue
4.9M/s
set different value via nodeValue
3.8M/s
set same value via innerText
1.7M/s
set different value via innerText
1.7M/s
set same value if changed via innerText
1.1M/s
set different value if changed via innerText
1.0M/s
View exact numbers
Test name Executions per second
✓ set same value if changed via nodeValue 10,595,588 Ops/sec
set different value if changed via nodeValue 10,500,733 Ops/sec
set different value if changed via textContent 7,739,438 Ops/sec
set same value if changed via textContent 7,485,101 Ops/sec
set same value via textContent 6,775,336 Ops/sec
set different value via textContext 6,572,992 Ops/sec
set same value via nodeValue 4,942,868 Ops/sec
set different value via nodeValue 3,845,782 Ops/sec
set same value via innerText 1,737,885 Ops/sec
set different value via innerText 1,731,098 Ops/sec
set same value if changed via innerText 1,107,992 Ops/sec
set different value if changed via innerText 1,029,156 Ops/sec
HTML Preparation code:
Script Preparation code:
Tests: