innerText vs createTextNode() vs innerHTML vs textContent (v51)

Revision 51 of this benchmark created by lovasoa on

Preparation HTML

<div id="div"></div>
<script>
var div = document.getElementById( 'div' );
</script>

Setup

div.innerHTML = '';

Teardown


    div.innerHTML = '';

Test runner

Ready to run.

Testing in
TestOps/sec
innerText
div.innerText= '1234';
 
ready
createTextNode()
div.appendChild( document.createTextNode( '1234' ) );
ready
innerHTML
div.innerHTML = '1234';
 
ready
textContent
div.textContent = '1234';
ready

Revisions

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