Vanilla JS innerHTML vs jQuery html() (v7)

Revision 7 of this benchmark created by Andrew on February 13, 2016

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 = '<a href="http://www.google.com">X</a>';

$(element).html('<a href="http://www.google.com">X</a>');

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