jQuery text() vs. html() (v37)

Revision 37 of this benchmark created on


Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<div id="text">
<p>Test text</p>
</div>
<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('blah blah');
ready
add html()
$text.html('halb halb');
ready
attr('innerHTML')
$text.attr('innerHTML');
ready
Set with innerHTML
$text[0].innerHTML = 'foobar';
ready
Set with innerText
$text[0].innerText = 'foobar';
ready
Set with textContent
$text[0].textContent = 'foobar';
ready

Revisions

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