JavaScript 使用innerHTML 和动态值传递到innerHTML

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 足够灵活，您可以“构造”变量名称，但这不是惯用的。在这里，我创建了一个简单的对象，其属性与您的颜色相对应。