创建文档碎片节点createDocumentFragment()并显示

来源:互联网 发布:印度英语的特点知乎 编辑:程序博客网 时间:2024/06/02 01:19
创建文档碎片节点createDocumentFragment()并显示 - lishirong - The CTO of LiShirong
 
<!--创建文档碎片节点createDocumentFragment()并显示,相比附加到文档body上效率更为高,如果要将其插入到document中,需要使用到insertBefore、replaceChild 或appendChild这几个方法来实现-->
<html>
    <head>
        <title>insertBefore() Example</title>
        <script type="text/javascript" language="javascript">
            function addMessages() {
                var arrText = ["first", "second", "third", "fourth", "fifth", "sixth", "seventh", "eighth", "ninth", "tenth"];
                
                var oFragment = document.createDocumentFragment();
                
                for (var i=0; i < arrText.length; i++) {
                    var oP = document.createElement("p");
                    var oText = document.createTextNode(arrText[i]);
                    oP.appendChild(oText);
                    oFragment.appendChild(oP);
                }
                
                document.body.appendChild(oFragment);

            }
        </script>
    </head>
    <body bgcolor="#CCFFFF" onload="addMessages()">

    </body>
</html>
0 0