innerText vs textContent (v8)

Revision 8 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
var r;
for (x = 0; x < 10; x ++) {
    rows = table.rows[x].cells;
    for (y = 0; y < 5; y ++) {
        r = rows[y].innerText;
    };
};
ready
textNode
var r;
for (x = 0; x < 10; x ++) {
    rows = table.rows[x].cells;
    for (y = 0; y < 5; y ++) {
        r = rows[y].text;  
    };
};
ready

Revisions

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