JavaScript Tutorial/DOM Node/createDocumentFragment

Материал из Web эксперт
Перейти к: навигация, поиск

Use Array and for loop to add a list of text

<html>
<head>
<title>insertBefore() Example</title>
<script type="text/javascript">
    function addMessages() {
       var arrText = ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J"];
       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 onload="addMessages()">
</body>
</html>