美文网首页
Dom6 文档碎片

Dom6 文档碎片

作者: maomizone | 来源:发表于2017-03-16 09:45 被阅读0次

document.createDocumentFragment()

解决渲染时间过长的问题,相当于一个塑料袋,把东西装好后一次性带回家,IE6-8适用,不过在高版本浏览器中几乎没有作用,反而会影响性能,所以基本没用了

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script>
        window.onload = function(){
            var  ul = document.getElementById("ul1");
            var frag = document.createDocumentFragment();
            for(var i=0; i < 10000; i++){
                var li = document.createElement("li");
                frag.appendChild(li);
            }
            ul.appendChild(frag);
        }
    </script>
</head>
<body>
<ul id="ul1">
</ul>
</body>
</html>

相关文章

网友评论

      本文标题:Dom6 文档碎片

      本文链接:https://www.haomeiwen.com/subject/rkednttx.html