jQuery text() vs. html() (v21)

Revision 21 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 <span>testTest text <span>test</span>Test text <span>test</span>Test text <span>test</span>Test text <span>test</span>Test text Test text <span>testTest text <span>test</span>Test text <span>test</span>Test text <span>test</span>Test text <span>test</span>Test text Test text <span>test</span>Test text <span>test</span>Test text <span>test</span>Test text <span>test</span>Test text <span>testTest text <span>test</span>Test text <span>test</span>Test text <span>test</span>Test text <span>test</span>Test text <span>test</span>Test text <span>test</span>Test text <span>test</span>Test text <span>test</span></span>Test text <span>test</span>Test text <span>test</span>Test text <span>test</span><span>test</span>Test text <span>test</span>Test text <span>test</span>Test text <span>test</span></span>Test text <span>Test text <span>test</span>Test Test text <span>testTest text <span>test</span>Test text <span>test</span>Test text <span>test</span>Test text <span>test</span>Test text Test text <span>test</span>Test text <span>test</span>Test text <span>test</span>Test text <span>test</span>Test text <span>testTest text <span>test</span>Test text <span>test</span>Test text <span>test</span>Test text <span>test</span>Test text <span>test</span>Test text <span>test</span>Test text <span>test</span>Test text <span>test</span></span>Test text <span>test</span>Test text <span>test</span>Test text <span>test</span><span>test</span>Test text <span>test</span>Test text <span>test</span>Test text <span>test</span></span>Test text <span>Test text <span>test</span>Test text <span>test</span>Test text <span>test</span>Test text <span>test</span>Test text <span>test</span>Test text <span>test</span>Test text <span>test</span>Test text <span>test</span>test</span>Test text <span>test</span>Test text <span>test</span>Test text <span>test</span>Test text <span>test</span>Test text <span>test</span>Test text <span>test</span> text <span>test</span>Test text <span>test</span>Test text <span>test</span>Test text <span>test</span>Test text <span>test</span>Test text <span>test</span>Test text <span>test</span>test</span>Test text <span>test</span>Test text <span>test</span>Test text <span>test</span>Test text <span>test</span>Test text <span>test</span>Test text <span>test</span> Test text <span>test</span>Test text <span>test</span>Test text <span>test</span>Test text <span>test</span>Test text <span>testTest text <span>test</span>Test text <span>test</span>Test text <span>test</span>Test text <span>test</span>Test text <span>test</span>Test text <span>test</span>Test text <span>test</span>Test text <span>test</span></span>Test text <span>test</span>Test text <span>test</span>Test text <span>test</span><span>test</span>Test text <span>test</span>Test text <span>test</span>Test text <span>test</span></span>Test text <span>Test text <span>test</span>Test text <span>test</span>Test text <span>test</span>Test text <span>test</span>Test text <span>test</span>Test text <span>test</span>Test text <span>test</span>Test text <span>test</span>test</span>Test text <span>test</span>Test text <span>test</span>Test text <span>test</span>Test text <span>test</span>Test text <span>test</span>Test text <span>test</span></p>
<script>
  var $text = $("#text");
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
$elem.text()
$text.text();
ready
$.text($elem)
$.text($text);
ready
innerText
$text[0].innerText;
ready

Revisions

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