将HTML插入到div中
将HTML插入到div中
提问于 2009-02-25 04:57:12
我正在尝试将一大块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%。
回答 6
Stack Overflow用户
回答已采纳
发布于 2009-02-25 05:06:21
我想这就是你想要的：
document.getElementById('tag-id').innerHTML = '<ol><li>html data</li></ol>';请记住，在使用IE时，并非所有类型的标签都可以访问innerHTML。(例如，表格元素)
Stack Overflow用户
发布于 2010-12-07 04:01:04
使用JQuery可以解决浏览器的不一致性问题。使用项目中包含的jquery库，只需编写：
$('#yourDivName').html('yourtHTML');您还可以考虑使用：
$('#yourDivName').append('yourtHTML');这会将您的图库添加为所选div中的最后一项。或者：
$('#yourDivName').prepend('yourtHTML');这会将其添加为所选div中的第一项。
有关这些函数，请参阅JQuery文档：
Stack Overflow用户
发布于 2015-10-19 12:04:48
我使用"+“(加号)将div插入到html中：
document.getElementById('idParent').innerHTML += '<div id="idChild"> content html </div>';
希望这能有所帮助。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/584751
复制相关文章
相似问题