Preparation code

<div id="text">content to be retrieved</div>
<script>
  var elem = document.getElementById("text");
  var elem2 = document.createElement('div');
  var preTextNode = document.createTextNode('Hello there');
</script>
<script>
  Benchmark.prototype.setup = function() {
    elem2 = document.createElement('div');
    elem.innerHTML = 'content to be retrieved';
  };

  Benchmark.prototype.teardown = function() {
    elem2 = document.createElement('div');
    elem.innerHTML = 'content to be retrieved';
  };
</script>

Preparation code output

Test runner

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

Java applet disabled.

var x = elem.innerHTML;

var x = elem.textContent;

var x = elem.firstChild.data;

elem.innerHTML = 'written content'

elem.textContent = 'written content'

elem.firstChild.data = 'written content'

if (elem.firstChild) elem.firstChild.data = 'written content';

if (elem2.firstChild)
  elem2.firstChild.data = 'written content';
else
  elem2.appendChild(document.createTextNode('written content'));

elem2.appendChild(document.createTextNode('written content'));

elem2.appendChild(preTextNode);

elem.replaceChild(preTextNode,elem.firstChild);

if (elem2.firstChild)
  elem2.firstChild.data = preTextNode.data;
else
  elem2.appendChild(preTextNode);

var tmpNode = document.createTextNode('written content');
elem.replaceChild(tmpNode,elem.firstChild);

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. Here’s a list of current revisions for this page:

• Revision 1: published by galambalazs on 17th November 2010
• Revision 2: published by galambalazs on 19th November 2010
• Revision 3: published by galambalazs on 19th November 2010
• Revision 9: published by aeosynth on 4th November 2011
• Revision 10: published by Mayhem on 4th November 2011
• Revision 11: published on 28th November 2011

0 comments