Toggle navigation
MeasureThat
.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
Reading textContent vs innerText vs innerHTML
(version: 1)
Comparing performance of:
textContent vs innerText vs innerHTML
Created:
one year ago
by:
Guest
Go to the latest result
HTML Preparation code:
<div id='hello'>Hello, World!</div>
Script Preparation code:
let el = document.querySelector("#hello");
Tests:
textContent
let i = 1000, tmp = ''; while (i--) tmp = el.textContent;
innerText
let i = 1000, tmp = ''; while (i--) tmp = el.innerText;
innerHTML
let i = 1000, tmp = ''; while (i--) tmp = el.innerHTML;
Rendered benchmark preparation results:
Suite status:
<idle, ready to run>
Run tests (3)
Previous results
Fork
Test case name
Result
textContent
innerText
innerHTML
Fastest:
N/A
Slowest:
N/A
Latest run results:
Run details:
(Test run date:
6 months ago
)
User agent:
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:147.0) Gecko/20100101 Firefox/147.0
Browser/OS:
Firefox 147 on Windows
View result in a separate tab
Embed
Embed Benchmark Result
<iframe src="https://measurethat.net/Embed?id=623929" width="100%" height="500px"></iframe>
textContent
1.4M/s
innerHTML
1.2M/s
innerText
3K/s
View exact numbers
Test name
Executions per second
✓
textContent
1,394,836 Ops/sec
innerHTML
1,188,129 Ops/sec
innerText
2,988 Ops/sec
Related benchmarks
setting innerHTML vs innerText vs textContent
innerHTML vs innerText vs textContent1231232
innerHTML vs innerText vs textContent 3
innerHTML vs innerText vs textContent Retrieval
innerHTML vs innerText vs textContent Setting
innerHTML vs innerText vs textContent ..
innerHTML vs innerText vs textContent with lower i
Comments
Confirm delete:
Do you really want to delete benchmark?