Run results for: jQuery 2.2.0 vs Vanilla JS SetText Speed Test

Run details:

User agent: Mozilla/5.0 (iPhone; CPU iPhone OS 14_7_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.1.2 Mobile/15E148 Safari/604.1

Browser: Mobile Safari 14

Operating system: iOS 14.7.1

Device Platform: Mobile

Date tested: 3 years ago

Test name	Executions per second
Pure JS .innerText	2175646.8 Ops/sec
Pure JS .innerHTML	895225.1 Ops/sec
Pure JS .textContent	1941737.9 Ops/sec
jQuery .text()	834982.2 Ops/sec
jQuery .html()	514811.2 Ops/sec
jQuery .find()	617721.9 Ops/sec
jQuery .find().html()	413371.8 Ops/sec

HTML Preparation code:

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<div id="foo">Hello World</div>

Tests:

Pure JS .innerText
var el = document.getElementById("foo"); el.innerText = "New Hello World";
Pure JS .innerHTML
var el = document.getElementById("foo"); el.innerHTML = "New Hello World";
Pure JS .textContent
var el = document.getElementById("foo"); el.textContent = "New Hello World";
jQuery .text()
$("#foo").text("New Hello World");
jQuery .html()
$("#foo").html("New Hello World");
jQuery .find()
$(document).find("#foo").text("New Hello World");
jQuery .find().html()
$(document).find("#foo").html("New Hello World");

Run results for: jQuery 2.2.0 vs Vanilla JS SetText Speed Test

Pure JS .innerText vs Pure JS .innerHTML vs Pure JS .textContent vs jQuery .text() vs jQuery .html() vs jQuery .find() vs jQuery .find().html()

Pure JS .innerText

Pure JS .innerHTML

Pure JS .textContent

jQuery .text()

jQuery .html()

jQuery .find()

jQuery .find().html()