innerText vs textContent (v4)

Revision 4 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, arr = [];

Test runner

Ready to run.

Testing in
TestOps/sec
textNode
for (x = 0; x < 10; x ++) {
    rows = table.rows[x].cells;
    for (y = 0; y < 5; y ++) {
        rows[y].innerText = 'innerText';
    };
};
ready
empty
for (x = 0; x < 10; x ++) {
    arr[x] = [];
    for (y = 0; y < 5; y ++) {
        arr[x][y] = y; 
    };
};
ready

Revisions

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