如何使用另一个数组中的值填充div数组?

时间:2013-06-13 15:07:31

标签: javascript arrays string html

我有八个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];
  }

但这不起作用。谁知道我怎么能做到这一点?

1 个答案:

答案 0 :(得分:0)

尝试:(jsFiddle

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

 ...

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

您使用getElementsByClass代替getElementsByClassNamevalue代替innerHTMLinnerText,您还需要启动content索引来自0,因为alldivs数组将从0

开始