Run results for: replacing node text

Run details:

User agent: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2785.116 Safari/537.36

Browser: Chrome 53

Operating system: Windows 7

Device Platform: Other

Date tested: 8 years ago

Test name	Executions per second
innerHTML shortString	275983.7 Ops/sec
innerHTML longString	126345.0 Ops/sec
textContent shortString	3285805.2 Ops/sec
textContent longString	3210608.5 Ops/sec

HTML Preparation code:

<div id="container"></div>

Script Preparation code:

var container = document.getElementById("container");

var shortString = "Lorem ipsum dolor sit amet.";
var longString = "Curabitur eros quam, pellentesque a tellus vestibulum, imperdiet condimentum nibh. Nullam sollicitudin porta nunc quis feugiat. Pellentesque tincidunt commodo dolor a ullamcorper. Etiam accumsan mauris ac ex interdum ornare. Sed sodales sem sit amet risus viverra efficitur. Phasellus eget leo et mauris volutpat congue. Nam nisl sapien, scelerisque vel pulvinar quis, molestie luctus ex. Integer vel dolor hendrerit, lobortis nisi ac, laoreet velit. Duis luctus sodales pulvinar.";

Tests:

innerHTML shortString
container.innerHTML = shortString;
innerHTML longString
container.innerHTML = longString;
textContent shortString
container.textContent = shortString;
textContent longString
container.textContent = longString;

Run results for: replacing node text

innerHTML shortString

innerHTML longString

textContent shortString

textContent longString