您的位置:首页 > 其它

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

2014-12-02 09:46 169 查看

 <!--创建文档碎片节点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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: