MeasureThat.net

 Vanilla JS, Cash 8.1.5 and jQuery 3.7 - GetText Speed Test (version: 0)

Comparing performance of: Vanilla JS .innerText vs Vanilla JS .innerHTML vs Vanilla JS .textContent vs Vanilla JS (querySelector) .innerText vs Vanilla JS (querySelector) .innerHTML vs Vanilla JS (querySelector) .textContent vs Vanilla JS (querySelectorAll) .innerText vs Vanilla JS (querySelectorAll) .innerHTML vs Vanilla JS (querySelectorAll) .textContent vs Cash .text vs Cash .html vs jQuery .text() vs jQuery .html() vs jQuery .find() .text() vs jQuery .find() .html()

Created: one year ago by: Guest
Jump to the latest result
HTML Preparation code:
AخA
 
1
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js"><script>
2
<script>jQuery.noConflict();</script>
3
<script src="https://cdnjs.cloudflare.com/ajax/libs/cash/8.1.5/cash.min.js"></script>
4
<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();
Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Experimental features:

  • Test case name Result
    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()

    Fastest: N/A

    Slowest: N/A

Latest run results:
Run details: (Test run date: one year ago)
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
Chrome 114 on Mac OS X 10.15.7
View result in a separate tab
Test name Executions per second
Vanilla JS .innerText 817490.1 Ops/sec
Vanilla JS .innerHTML 3696379.8 Ops/sec
Vanilla JS .textContent 3740332.2 Ops/sec
Vanilla JS (querySelector) .innerText 807050.6 Ops/sec
Vanilla JS (querySelector) .innerHTML 2291603.0 Ops/sec
Vanilla JS (querySelector) .textContent 2339028.2 Ops/sec
Vanilla JS (querySelectorAll) .innerText 1688510.4 Ops/sec
Vanilla JS (querySelectorAll) .innerHTML 1800812.6 Ops/sec
Vanilla JS (querySelectorAll) .textContent 1834949.0 Ops/sec
Cash .text 960108.2 Ops/sec
Cash .html 1670316.2 Ops/sec
jQuery .text() 1564804.8 Ops/sec
jQuery .html() 1654632.1 Ops/sec
jQuery .find() .text() 881313.2 Ops/sec
jQuery .find() .html() 882753.3 Ops/sec
LLMs can make mistakes. Check important info.
Related benchmarks: