如何用另一个数组的值填充div数组？

Question

我有八个div，已经放入JavaScript数组中。我还有另一个包含八个不同字符串的数组。基本上，我希望从第二个数组中获取字符串并在第一个数组中显示在div中。

我对JavaScript比较新，所以很难理解。我需要使用循环吗？

最终，内容数组中的字符串将由PHP脚本提供。

这是我目前想到的：

var content = [] ;
      content[1] = "More Lessons about the Q 'ran in RS!"; 
      content[2] = "'fralalalalalala'"; 
      content[3] = "'Information about how to write a letter properly'";
      content[4] = "'This is number four'";
      content[5] = "'This is number five'";
      content[6] = "'This is number six'";
      content[7] = "'This is number seven'";
      content[8] = "'This is number eight'";


  var alldivs = [];
  alldivs[alldivs.length] = document.getElementsByClass("resize");

  for(i=0 ; i<= alldivs.length && content.length; i++) 
  {
    alldivs[i].value = content[i];
  }

但那样不起作用。有人知道我该怎么实现吗？

- user2375017

---

你是不是忘记给content[0]赋值了，还是故意省略了？ - Clyde Lobo

Answer 1

尝试：(jsFiddle)

 var alldivs = document.getElementsByClassName("resize");

 ...

 for(i=0 ; ((i <= alldivs.length) && (i <= content.length)); i++) {
        alldivs[i].innerHTML = content[i];
 }

你使用了 getElementsByClass 而不是 getElementsByClassName，使用了 value 而不是 innerHTML 或者 innerText。另外，需要从 0 开始设置 content 的索引，因为 alldivs 数组将从 0 开始。

- Yotam Omer

---

请考虑使用textContent（对于IE8可能需要使用innerText的shim）来替代使用.innerHTML，因为后者更容易受到攻击并且速度较慢。 - Benjamin Gruenbaum