Run results for: Vanilla JS, Cash 8.1.5 and jQuery 3.7 - GetText Speed Test

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36

Browser: Chrome 114

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
Vanilla JS .innerText	817490.1 Ops/sec
Vanilla JS .innerHTML	3696380.0 Ops/sec
Vanilla JS .textContent	3740332.0 Ops/sec
Vanilla JS (querySelector) .innerText	807050.6 Ops/sec
Vanilla JS (querySelector) .innerHTML	2291603.0 Ops/sec
Vanilla JS (querySelector) .textContent	2339028.0 Ops/sec
Vanilla JS (querySelectorAll) .innerText	1688510.0 Ops/sec
Vanilla JS (querySelectorAll) .innerHTML	1800813.0 Ops/sec
Vanilla JS (querySelectorAll) .textContent	1834949.0 Ops/sec
Cash .text	960108.3 Ops/sec
Cash .html	1670316.0 Ops/sec
jQuery .text()	1564805.0 Ops/sec
jQuery .html()	1654632.0 Ops/sec
jQuery .find() .text()	881313.3 Ops/sec
jQuery .find() .html()	882753.3 Ops/sec

HTML Preparation code:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js"><script>
<script>jQuery.noConflict();</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/cash/8.1.5/cash.min.js"></script>
<div id="foo">Hello World</div>

Tests:

Vanilla JS .innerText
var el = document.getElementById("foo"); var text = el.innerText;
Vanilla JS .innerHTML
var el = document.getElementById("foo"); var text = el.innerHTML;
Vanilla JS .textContent
var el = document.getElementById("foo"); var text = el.textContent;
Vanilla JS (querySelector) .innerText
var el = document.querySelector("#foo"); var text = el.innerText;
Vanilla JS (querySelector) .innerHTML
var el = document.querySelector("#foo"); var text = el.innerHTML;
Vanilla JS (querySelector) .textContent
var el = document.querySelector("#foo"); var text = el.textContent;
Vanilla JS (querySelectorAll) .innerText
var el = document.querySelectorAll("#foo"); var text = el.innerText;
Vanilla JS (querySelectorAll) .innerHTML
var el = document.querySelectorAll("#foo"); var text = el.innerHTML;
Vanilla JS (querySelectorAll) .textContent
var el = document.querySelectorAll("#foo"); var text = el.textContent;
Cash .text
var text = $("#foo").text();
Cash .html
var text = $("#foo").html();
jQuery .text()
var text = jQuery("#foo").text();
jQuery .html()
var text = jQuery("#foo").html();
jQuery .find() .text()
var text = jQuery(document).find("#foo").text();
jQuery .find() .html()
var text = jQuery(document).find("#foo").html();

Run results for: Vanilla JS, Cash 8.1.5 and jQuery 3.7 - GetText Speed Test

Vanilla JS .innerText

Vanilla JS .innerHTML

Vanilla JS .textContent

Vanilla JS (querySelector) .innerText

Vanilla JS (querySelector) .innerHTML

Vanilla JS (querySelector) .textContent

Vanilla JS (querySelectorAll) .innerText

Vanilla JS (querySelectorAll) .innerHTML

Vanilla JS (querySelectorAll) .textContent

Cash .text

Cash .html

jQuery .text()

jQuery .html()

jQuery .find() .text()

jQuery .find() .html()