Vanilla JS innerHTML vs jQuery html()

Benchmark created by André Ruffert on January 10, 2014

Preparation HTML

<div id="js-element">initial content</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

Setup

var element = document.getElementById('js-element');

Test runner

element.innerHTML = 'new content';

$(element).html('new content');

Revisions

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

• Revision 1: published by André Ruffert on January 10, 2014
• Revision 3: published by Martín Acosta on September 11, 2014
• Revision 4: published on October 15, 2014
• Revision 5: published by Ben on January 21, 2016
• Revision 6: published by Andrew on February 13, 2016
• Revision 7: published by Andrew on February 13, 2016