Question

将 HTML 插入到 div 中

2009-02-25

693927

javascript

我正在尝试将一段 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%

Answer 1

我认为这就是您想要的：

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

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

Answer 2

使用 JQuery 可以解决浏览器不一致的问题。如果项目中包含 jquery 库，只需输入：

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

您也可以考虑使用：

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

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

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

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

请参阅 JQuery 文档以了解这些函数：

Answer 3

i使用“ +”（plus）将div插入到html：

document.getElementById（'idparent'）。innerhtml +='＆lt; div id =“ idChild”＆gt;内容html＆lt;/div＆gt;';

希望此帮助。