Preparation code

<div id="divinputme" style="position:absolute;left:10px;top:0">x</div>
<span id="spaninputme" style="position:absolute;left:110px;top:0">x</span>
<label id="labelinputme" style="position:absolute;left:210px;top:0">x</label>
      

      <script>

        Benchmark.prototype.setup = function() {

          
  var a = document.getElementById('divinputme'),
      b = document.getElementById('spaninputme'),
      c = document.getElementById('labelinputme');
  var s = '1,2,3,4';
  a.innerHTML = s;
  b.innerHTML = s;
  c.innerHTML = s;
  var an = a.firstChild,
      bn = b.firstChild,
      cn = c.firstChild;
  var ah = a.offsetHeight,
      bh = b.offsetHeight,
      ch = c.offsetHeight;
  var set_text = function (ep, t) {
     ep.textContent = t;
  }
  var set_text_2 = function (ep, t) {
     ep.innerText = t;
  }
  var set_text_3 = function (ep, t) {
     ep.innerHTML = t;
  }
  var textContentIsBetter = true;
  var innerTextIsBetter = true;
  var innerHTMLIsBetter = true;
        
  };


      
</script>
    

Preparation code output

Test runner

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

Java applet disabled.

a.innerText = s;

b.innerText = s;

c.innerText = s;

a.innerHTML = s;

b.innerHTML = s;

c.innerHTML = s;

a.textContent = s;

b.textContent = s;

c.textContent = s;

an.nodeValue = s;

bn.nodeValue = s;

set_text(a, s);

set_text_2(a, s);

set_text_3(a, s);

if (textContentIsBetter) {
   a.textContent = s;
}
else {
   a.innerHTML = s;
}

if (innerTextIsBetter) {
   a.innerText = s;
}
else {
   a.innerHTML = s;
}

if (innerHTMLIsBetter) {
   a.innerHTML = s;
}
else {
   a.textContent = s;
}

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.

• Revision 1: published lx on 2010-9-14
• Revision 4: published David Calhoun on 2010-10-27
• Revision 7: published Nikolay Frantsev on 2011-9-23
• Revision 8: published vamp on 2012-1-6
• Revision 9: published on 2012-3-28
• Revision 10: published on 2012-3-29
• Revision 11: published on 2012-7-20
• Revision 12: published on 2012-7-20
• Revision 13: published on 2013-2-26
• Revision 14: published on 2013-2-26
• Revision 17: published NAIF on 2013-6-7
• Revision 18: published on 2013-9-23
• Revision 19: published on 2013-10-13
• Revision 20: published on 2013-11-12
• Revision 21: published on 2013-11-15
• Revision 22: published on 2013-11-15
• Revision 23: published on 2013-11-15
• Revision 24: published on 2013-11-15
• Revision 25: published on 2013-11-20
• Revision 26: published on 2013-11-22
• Revision 27: published *andy on 2013-11-22
• Revision 28: published Ojle Nenpleto on 2013-12-10
• Revision 29: published on 2014-4-3
• Revision 31: published on 2014-6-2
• Revision 32: published on 2014-6-2
• Revision 33: published on 2014-6-2
• Revision 34: published on 2014-6-2
• Revision 35: published on 2014-6-2
• Revision 36: published on 2014-8-20
• Revision 37: published on 2014-9-2
• Revision 38: published on 2014-9-23
• Revision 39: published mark on 2014-11-7
• Revision 40: published on 2014-11-21
• Revision 41: published on 2014-11-27
• Revision 42: published Sam on 2014-12-2
• Revision 45: published on 2015-9-12
• Revision 46: published on 2015-9-19
• Revision 47: published on 2015-11-24
• Revision 48: published Peter on 2016-1-21
• Revision 49: published on 2016-2-7
• Revision 50: published Andrew on 2016-3-25
• Revision 52: published Gilles Piou on 2018-11-21
• Revision 53: published Gilles Piou on 2018-11-21

0 Comments