jquery text() method vs native innerHTML property - set speed (v4)

Revision 4 of this benchmark created by test222ss on

Preparation HTML

<nav>
  <a>menu item 1</a>  <a>menu item 1</a>  <a>menu item 1</a>  <a>menu item 1</a>  <a>menu item 1</a>  <a>menu item 1</a>

</nav>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>
<script>
  var $nav_items = $('nav>a');
var x;
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
set text
$nav_items.text('hi');
ready
get text
var a = $nav_items.text();
ready
get inner text
var b = $nav_items[0].innerText;
ready
get all inner text
var len = $nav_items.length;
if (len > 0) {
  var a = $nav_items.text();
} else {
  var c = $nav_items[0].innerText;
}
ready
set inner text
$nav_items[0].innerText = "hi";
ready
set all inner text
var len = $nav_items.length;
if (len > 0) {
  for (var i = 0; i < len; i++) {
    $nav_items[i].innerText = "hi"
  }
} else {
  $nav_items[0].innerText = "hi";
}
ready
get inner html
var b = $nav_items[0].innerHTML;
ready
set inner html
$nav_items[0].innerHTML = "hi";
ready
set al inner html
var len = $nav_items.length;
if (len > 0) {
  for (var i = 0; i < len; i++) {
    $nav_items[i].innerHTML = "hi"
  }
} else {
  $nav_items[0].innerHTML = "hi";
}
ready
get all inner html
var len = $nav_items.length;
if (len > 0) {
  var a = $nav_items.text();
} else {
  var c = $nav_items[0].innerHTML;
}
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.