DOM Node JavaScript Tutorial

  1. Home
  2. JavaScript Tutorial
  3. DOM Node
  4. Use Array and for loop to add a list of text
< html>

insertBefore() Example

    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);
    }