jQuery text() vs. html()

JavaScript performance comparison

Revision 21 of this test case created by

Preparation code

<script src="https://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>
    

Preparation code output

<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>

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

Testing in CCBot 2.0.0 / Other 0.0.0
Test Ops/sec
$elem.text()
$text.text();
pending…
$.text($elem)
$.text($text);
pending…
innerText
$text[0].innerText;
pending…

Compare results of other browsers

Revisions

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

0 Comments

Test text testTest text testTest text testTest text testTest text testTest text Test text testTest text testTest text testTest text testTest text testTest text Test text testTest text testTest text testTest text testTest text testTest text testTest text testTest text testTest text testTest text testTest text testTest text testTest text testTest text testTest text testTest text testtestTest text testTest text testTest text testTest text Test text testTest Test text testTest text testTest text testTest text testTest text testTest text Test text testTest text testTest text testTest text testTest text testTest text testTest text testTest text testTest text testTest text testTest text testTest text testTest text testTest text testTest text testTest text testtestTest text testTest text testTest text testTest text Test text testTest text testTest text testTest text testTest text testTest text testTest text testTest text testtestTest text testTest text testTest text testTest text testTest text testTest text test text testTest text testTest text testTest text testTest text testTest text testTest text testtestTest text testTest text testTest text testTest text testTest text testTest text test Test text testTest text testTest text testTest text testTest text testTest text testTest text testTest text testTest text testTest text testTest text testTest text testTest text testTest text testTest text testTest text testtestTest text testTest text testTest text testTest text Test text testTest text testTest text testTest text testTest text testTest text testTest text testTest text testtestTest text testTest text testTest text testTest text testTest text testTest text test