将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和普通js哪个更快，所以我编写了一个测试:
http://jsperf.com/html-insertion-js-vs-jQuery

纯js快10%

Answer 1

使用JQuery可以解决浏览器的不一致性问题。对于项目中包含的jquery库，只需编写以下内容：

$('#yourDivName').html('yourtHTML');

您还可以考虑使用：

$('#yourDivName').append('yourtHTML');

这将添加您的图库作为所选div中的最后一个项目。或：

$('#yourDivName').prepend('yourtHTML');

这将把它添加为所选div中的第一项。

有关这些函数,请参阅JQuery文档：

• http://api.jquery.com/append/
• http://api.jquery.com/prepend/

Answer 2

我想这就是你想要的：

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

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