innerText vs textContent (v10)

Revision 10 of this benchmark created on

Preparation HTML

<table style="table-layout:fixed;width:300px;">
 <tr>
  <td>empty</td>
  <td>empty</td>
  <td>empty</td>
  <td>empty</td>
  <td>empty</td>
 </tr>
 <tr>
  <td>empty</td>
  <td>empty</td>
  <td>empty</td>
  <td>empty</td>
  <td>empty</td>
 </tr>
 <tr>
  <td>empty</td>
  <td>empty</td>
  <td>empty</td>
  <td>empty</td>
  <td>empty</td>
 </tr>
 <tr>
  <td>empty</td>
  <td>empty</td>
  <td>empty</td>
  <td>empty</td>
  <td>empty</td>
 </tr>
 <tr>
  <td>empty</td>
  <td>empty</td>
  <td>empty</td>
  <td>empty</td>
  <td>empty</td>
 </tr>
 <tr>
  <td>empty</td>
  <td>empty</td>
  <td>empty</td>
  <td>empty</td>
  <td>empty</td>
 </tr>
 <tr>
  <td>empty</td>
  <td>empty</td>
  <td>empty</td>
  <td>empty</td>
  <td>empty</td>
 </tr>
 <tr>
  <td>empty</td>
  <td>empty</td>
  <td>empty</td>
  <td>empty</td>
  <td>empty</td>
 </tr>
 <tr>
  <td>empty</td>
  <td>empty</td>
  <td>empty</td>
  <td>empty</td>
  <td>empty</td>
 </tr>
 <tr>
  <td>empty</td>
  <td>empty</td>
  <td>empty</td>
  <td>empty</td>
  <td>empty</td>
 </tr>
</table>

Setup

var table = document.querySelector('table'), x, y, rows;

Test runner

Ready to run.

Testing in
TestOps/sec
null
var r;
for (x = 0; x < 10; x ++) {
    rows = table.rows[x].cells;
    for (y = 0; y < 5; y ++) {
        rows[y].textContent = null ;
    };
};
ready
''
var r;
for (x = 0; x < 10; x ++) {
    rows = table.rows[x].cells;
    for (y = 0; y < 5; y ++) {
        rows[y].textContent = '' ;
    };
};
ready
' '
var r;
for (x = 0; x < 10; x ++) {
    rows = table.rows[x].cells;
    for (y = 0; y < 5; y ++) {
        rows[y].textContent = ' ' ;
    };
};
ready
removeChild
while (table.firstChild) {
    myNode.removeChild(table.firstChild);
}
ready

Revisions

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