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; rv:147.0) Gecko/20100101 Firefox/147.0
Firefox 147
Linux
Desktop
3 months ago
Test name Executions per second
set same value via textContent 4772984.5 Ops/sec
set same value via innerText 1596538.5 Ops/sec
set different value via textContext 4465057.5 Ops/sec
set different value via innerText 1666912.5 Ops/sec
set same value if changed via textContent 1164551424.0 Ops/sec
set same value if changed via innerText 4396929.0 Ops/sec
set different value if changed via textContent 913261568.0 Ops/sec
set different value if changed via innerText 4395366.0 Ops/sec
set same value via nodeValue 5534910.5 Ops/sec
set different value via nodeValue 5149934.5 Ops/sec
set same value if changed via nodeValue 988858880.0 Ops/sec
set different value if changed via nodeValue 903157696.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