Benchmark: Test Types of DOM Appending

HTML Preparation code:

<script src="http://code.jquery.com/jquery-1.12.4.min.js"></script>
<div id="appendTo"></div>

Script Preparation code:

var elemId = 'removeThis',
    elemIndex = 0,
    elemLang = 'en',
    elemTitle = 'dummyTitle',
    elemText = 'dummyText';

Tests:

jQuery
var foo = $('<span>',{ id: elemId, lang: elemLang, title: elemTitle, tabindex: elemIndex }).text(elemText); $('#appendTo').append(foo); $('#removeThis').remove();
String
var foo = '<span id="' + elemId + '" lang="' + elemLang + '" title="' + elemTitle + '" tabindex="' + elemIndex + '">' + elemText + '</span>'; $('#appendTo').append(foo); $('#removeThis').remove();

Rendered benchmark preparation results:

Previous results

Test case name	Result
jQuery
String

Latest run results:

This benchmark does not have any results yet. Be the first one to run it!

Related benchmarks:

Test Types of DOM Appending (version: 0)