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/141.0.0.0 Safari/537.36
Chrome 141
Linux
Desktop
6 months ago
Test name Executions per second
set same value via textContent 972141.3 Ops/sec
set same value via innerText 1307499.9 Ops/sec
set different value via textContext 1378610.8 Ops/sec
set different value via innerText 1520806.0 Ops/sec
set same value if changed via textContent 15093177.0 Ops/sec
set same value if changed via innerText 1455235.0 Ops/sec
set different value if changed via textContent 19460706.0 Ops/sec
set different value if changed via innerText 1404454.8 Ops/sec
set same value via nodeValue 9530914.0 Ops/sec
set different value via nodeValue 6985560.0 Ops/sec
set same value if changed via nodeValue 31514298.0 Ops/sec
set different value if changed via nodeValue 29688290.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