使用innerHTML和动态值传递给innerHTML的JavaScript

Question

var greentext='shopping';
var colors=new Array('green','blue','red','violet','brown');
for(i=0;i<colors.length;i++)
{
 //suppose consider colors[i] is green
}

当将colors[i]+'text'并使用innerHTML传递给div时，将传递字符串"greentext"而不是连接字符串"shopping" 。 如何传递如上所述的动态创建的字符串的值？

希望我的问题清楚.....请帮助我

Answer 1

我会完全不同地做：

  var text = {
    green: 'shopping',
    blue: 'contemplating infinity',
    red: 'cooking beans',
    violet: 'writing poetry'
  };

  var colors = ['green', 'blue', 'red', 'violet' ];
  for (var i = 0; i < colors.length; ++i) {
    alert( text[ colors[i] ] );
  }

结构化数据最好使用实际的结构以您使用的任何编程语言表示。 JavaScript足够灵活， 可以 “构造”变量名，但不是惯用的。 在这里，我制作了一个简单的对象，其属性与您的颜色相对应。