[解決済み] divにHTMLを挿入する

質問

私はHTMLのチャンクをdivに挿入しようとしています。私はプレーンJavaScriptの方法がjQueryを使用するよりも高速であるかどうかを確認したい。残念ながら、私はそれを行う方法を忘れてしまった '古い'方法。

var test2 = function(){
    var cb = function(html){
        var t1 = document.getElementById("test2");
        var d = document.createElement("div");
        d.id ="oiio";
        d.innerHtml = html;
        t1.appendChild(d);
        console.timeEnd("load data with javascript");
    };
    console.time("load data with javascript");
    $.get("test1.html", cb);
}

私はここで何を間違えているのでしょうか？

編集 :

jqueryとplain jsのどちらが速いかという質問があったので、テストを書いてみました。

http://jsperf.com/html-insertion-js-vs-jquery

プレーンJSは10%速い

どのように解決するのですか？

これはあなたが望んでいることだと思います。

document.getElementById('tag-id').innerHTML = '<ol><li>html data</li></ol>';

IEでは、innerHTMLにアクセスできないタグがあることに注意してください。(例えば table 要素)