使用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足夠靈活， 可以 “構造”變量名，但不是慣用的。 在這里，我制作了一個簡單的對象，其屬性與您的顏色相對應。