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

时间:2012-07-08 13:26:25

标签: javascript dom

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"的值。如何传递动态创建的字符串的值如上所述?

希望我的问题很明确.....请帮帮我

1 个答案:

答案 0 :(得分:3)

我的做法完全不同:

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