jQuery text() vs. html() (v38)

Revision 38 of this benchmark created on

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<div class="text"><div class="text"><div class="text"><div class="text"><div class="text"><div class="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';
var len = $text.length;
if(len > 0)
{
for(var i = 0; i < len; i++)
{
$text[i].innerHTML = 'foobar';
}
}
ready
Set with innerText
var len = $text.length;
if(len > 0)
{
for(var i = 0; i < len; i++)
{
$text[i].innerText = 'foobar';
}
}
ready
Set with textContent

var len = $text.length;
if(len > 0)
{
for(var i = 0; i < len; i++)
{
$text[i].textContent = 'foobar';
}
}
ready

Revisions

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