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
3 months ago
Test name Executions per second
set same value via textContent 6962008.0 Ops/sec
set same value via innerText 1345660.4 Ops/sec
set different value via textContext 6120835.5 Ops/sec
set different value via innerText 1289197.9 Ops/sec
set same value if changed via textContent 10879694.0 Ops/sec
set same value if changed via innerText 834505.1 Ops/sec
set different value if changed via textContent 11508245.0 Ops/sec
set different value if changed via innerText 827098.7 Ops/sec
set same value via nodeValue 4787597.0 Ops/sec
set different value via nodeValue 3041271.5 Ops/sec
set same value if changed via nodeValue 21994050.0 Ops/sec
set different value if changed via nodeValue 21268744.0 Ops/sec
HTML Preparation code:
Script Preparation code:
Tests:

  • set same value via textContent

  • set same value via innerText

  • set different value via textContext

  • set different value via innerText

  • set same value if changed via textContent

  • set same value if changed via innerText

  • set different value if changed via textContent

  • set different value if changed via innerText

  • set same value via nodeValue

  • set different value via nodeValue

  • set same value if changed via nodeValue

  • set different value if changed via nodeValue