Set text inside elements added via .createDocumentFragment()
<p>I have a function set up to create a specific number of elements, add them to a fragment, then append that fragment to a div. What I'm trying to do is set the text for each of those elements independent of one another. Here's the code: </p>

<pre><code>function banner(element){

    var p, fragment= document.createDocumentFragment();

    for (var i=0; i&lt;8; i++){
        p= document.createElement('p');
        fragment.appendChild(p);
    }
    element.appendChild(fragment);
}

banner(modal);
</code></pre>

<p>So i need each <code>&lt;p&gt;</code> node to have different text. Oh, and please no jQuery answers here. </p>

<p><a href="http://jsbin.com/iwinup/edit#javascript,html,live" rel="nofollow">JSBin Link</a></p>

<p>Thanks! </p>
