jQuery text() vs. html() vs [0] vs native (v25)

Revision 25 of this benchmark created on

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>
<p id="text">
  Test text
</p>
<script>
  var $text = $("#text");
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
text()
$text.text();
ready
html()
$text.html();
ready
add text()
$text.text('me so happy');
ready
add html()
$text.html('me so sad');
ready
add innerText
$text[0].innerText += 'me so happy';
ready
add innerHTML
$text[0].innerHTML += 'me so sad';
ready

Revisions

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