JavaScript Tutorial/DOM Node/createDocumentFragment
Use Array and for loop to add a list of text
<source lang="javascript">
<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></source>