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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/152.0.0.0 Safari/537.36
Chrome 152
Mac OS X 10.15.7
Desktop
17 days ago
Benchmark.js
set same value if changed via nodeValue
55.2M/s
set different value if changed via nodeValue
50.9M/s
set same value if changed via textContent
40.5M/s
set different value if changed via textContent
39.0M/s
set same value via nodeValue
17.3M/s
set different value via nodeValue
12.2M/s
set same value if changed via innerText
2.8M/s
set different value if changed via innerText
2.8M/s
set same value via innerText
2.7M/s
set different value via textContext
2.7M/s
set same value via textContent
2.3M/s
set different value via innerText
2.1M/s
View exact numbers
Test name Executions per second
✓ set same value if changed via nodeValue 55,223,476 Ops/sec
set different value if changed via nodeValue 50,932,320 Ops/sec
set same value if changed via textContent 40,528,132 Ops/sec
set different value if changed via textContent 38,999,604 Ops/sec
set same value via nodeValue 17,258,564 Ops/sec
set different value via nodeValue 12,234,729 Ops/sec
set same value if changed via innerText 2,814,225 Ops/sec
set different value if changed via innerText 2,758,088 Ops/sec
set same value via innerText 2,701,270 Ops/sec
set different value via textContext 2,683,920 Ops/sec
set same value via textContent 2,304,137 Ops/sec
set different value via innerText 2,109,027 Ops/sec
HTML Preparation code:
Script Preparation code:
Tests: