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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/121.0.0.0 Safari/537.36
Chrome 121
Windows
Desktop
2 years ago
set same value if changed via nodeValue
8.6M/s
set different value if changed via nodeValue
8.5M/s
set different value if changed via textContent
6.4M/s
set same value if changed via textContent
6.3M/s
set same value via textContent
5.4M/s
set different value via textContext
5.3M/s
set same value via nodeValue
5.2M/s
set different value via nodeValue
4.2M/s
set same value via innerText
2.1M/s
set different value via innerText
2.0M/s
set different value if changed via innerText
769K/s
set same value if changed via innerText
741K/s
View exact numbers
Test name Executions per second
✓ set same value if changed via nodeValue 8,648,134 Ops/sec
set different value if changed via nodeValue 8,498,622 Ops/sec
set different value if changed via textContent 6,412,946 Ops/sec
set same value if changed via textContent 6,310,752 Ops/sec
set same value via textContent 5,381,901 Ops/sec
set different value via textContext 5,284,824 Ops/sec
set same value via nodeValue 5,197,954 Ops/sec
set different value via nodeValue 4,233,529 Ops/sec
set same value via innerText 2,107,467 Ops/sec
set different value via innerText 2,002,471 Ops/sec
set different value if changed via innerText 768,761 Ops/sec
set same value if changed via innerText 741,196 Ops/sec
HTML Preparation code:
Script Preparation code:
Tests: