Preparation code

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

<script>
// http://blog.stevenlevithan.com/archives/faster-than-innerhtml
window.replaceHtml = function(el, html) {
        var oldEl = typeof el === "string" ? document.getElementById(el) : el;
        var newEl = oldEl.cloneNode(false);
        newEl.innerHTML = html;
        oldEl.parentNode.replaceChild(newEl, oldEl);
        return newEl;
};
</script>

<div id='wrap'>
  <div id='container'></div>
</div>

<div id='insert'>
  Hello World <p>Some text</p>
</div>
<script>
  Benchmark.prototype.setup = function() {
    $container = $("#container")
    container = $container[0]
    raw = $("#insert").html()
    $insert = $("<div>"+raw+"</div>")
  };
</script>

Preparation code output

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

$("#container").html($insert)

$("#container").html($insert.html())

$("#container").html(raw)

replaceHtml($("#container")[0], $insert.html())

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

Compare results of other browsers

0 comments