innerText vs textContent (v2)

Revision 2 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
innerText
for (x = 0; x < 10; x += 1) {
    rows = table.rows[x];
    for (y = 0; y < 5; y += 1) {
        rows.cells[y].innerText = 'innerText';
    };
};
ready
textNode
for (x = 0; x < 10; x += 1) {
    rows = table.rows[x];
    for (y = 0; y < 5; y += 1) {
        rows.cells[y].firstChild.nodeValue = 'textNode';
    };
};
ready

Revisions

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