Question

我有一个函数设置来创建特定数量的元素，将它们添加到片段，然后将该片段附加到div。我要做的是为每个元素设置相互独立的文本。这是代码：

function banner(element){

    var p, fragment= document.createDocumentFragment();

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

banner(modal);

所以我需要每个<p>节点都有不同的文本。哦，请不要在这里jQuery答案。

JSBin Link

谢谢！

Answer 1

您想要document.createTextNode("Text goes here")，然后appendChild()转到<p>：

function banner(element){

    var p, t, fragment= document.createDocumentFragment();

    for (var i=0; i<8; i++){
        p= document.createElement('p');
        t = document.createTextNode("Your text goes here");
        p.appendChild(t);
        fragment.appendChild(p);
    }
    element.appendChild(fragment);
}

通过.createDocumentFragment（）添加元素内的文本

1 个答案: