javascript - 将 HTML 插入到一个 div 中

Question

我正在尝试将一大块 HTML 插入到一个 div 中。我想看看纯 JavaScript 方式是否比使用 jQuery 更快。不幸的是，我忘记了如何以“旧”方式进行操作。 :P

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 所以我写了一个测试:
https://jsben.ch/FBQYM

普通 js 快 10%

Answer 1

我想这就是你想要的:

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

请记住，使用 IE 时，并非所有类型的标签都可以访问 innerHTML。 (例如表格元素)