Question

是的，所以我有一系列的类div，我想不出如何在每一个输出一个条目。

<a class='foo'></a>
<a class='foo'></a>
<a class='foo'></a>

bar = document.getElementsByClassName('foo');

arr ['cheese','soap','glove'];

for(i=0;i<bar.length;i++) {
bar[x].appendChild(document.createTextNode(arr[i]));
}

这会将cheesesoapglove输入到每个类div框中...我如何将数组中的每个字符串分开以进入如下所示的单个div框：

<a class='foo'>cheese</a>
<a class='foo'>soap</a>
<a class='foo'>glove</a>

Answer 1

您需要做的就是用x替换bar中的i，对代码进行一些清理，然后您就可以了：

var bar = document.getElementsByClassName('foo');

var arr = ['cheese','soap','glove'];

for(i=0;i<bar.length;i++) {
    bar[i].appendChild(document.createTextNode(arr[i]));
}

您还可以像这样缩短for循环：

for(i=0;i<bar.length;i++) {
    bar[i].innerHTML = arr[i];
}

<强> DEMO HERE

将数据分成类框

1 个答案: