将HTML插入div [英] Inserting HTML into a div

问题描述

我正在尝试将一大块HTML插入到div中。我想看看简单的JavaScript方式是否比使用jQuery更快。不幸的是，我忘记了如何以旧的方式做到这一点。 ：P

I am trying to insert a chunk of HTML into a div. I want to see if plain JavaScript way is faster than using jQuery. Unfortunately, I forgot how to do it the 'old' way. :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％

推荐答案

我认为这就是你想要的：

I think this is what you want:

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

请记住，使用IE时，对于所有类型的标记，innerHTML都不可访问。 （例如表格元素）

Keep in mind that innerHTML is not accessable for all types of tags when using IE. (table elements for example)

这篇关于将HTML插入div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！