提示:没有进行过测试,网络上有说好有说坏。几乎都是复制粘贴别人的,所以无法确定。而且使用了,react、vue等mvvm框架后,操作dom的工作很少了,这一点可以忽略。
对于大的DOM更改,使用innerHTML要比使用标准的DOM方法创建同样的DOM结构快得多。
var frag = document.createDocumentFragment();
for (var i = 0; i < 1000; i++) {
var el = document.createElement('p');
el.innerHTML = i;
frag.appendChild(el);
}
document.body.appendChild(frag);
//可以替换为:
var html = [];
for (var i = 0; i < 1000; i++) {
html.push('<p>' + i + '</p>');
}
document.body.innerHTML = html.join('');