在可预见的情况下，直接写好html元素和用js插入html元素对比？

起因，写了两个html页面，body中只有div块，将div个数从1百加到1千后在浏览器中调试显示加载时间DOMContentLoaded:50ms左右（两者区别不大），加到1万后，页面1显示500ms左右，页面2显示100ms左右。
求解：在可预见的情况下，直接写好html元素和用js插入html元素在各方面的对比。

页面1：

 <!DOCTYPE html>
<html>
<body>
<div>hello world</div>
..........
.......
....
<div>hello world</div>
</body>
</html>

页面2：

 <!DOCTYPE html>
<html>
<body>
<div id="div1">hello world</div>
</body>
<script>
for(var i=0;i<9999;i++){
var div = document.createElement("div");
var node = document.createTextNode("hello world");
div.appendChild(node);
var element =document.getElementById('div1');
element.appendChild(div);
}
</script>
</html>

ABOUTYOU

浏览 761回答 2

2回答

随时随地看视频慕课网APP