将 HTML 插入到 div 中

javascript

2022-08-30 04:09:42

我正在尝试将一大块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，所以我写了一个测试：
https://jsben.ch/FBQYM

普通 js 速度提高了 10%

答案 1

我想这就是你想要的：

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

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

答案 2

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

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

您也可以考虑使用：

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

这会将您的图库添加为所选 div 中的最后一项。艺术

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

这会将其添加为所选 div 中的第一项。

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