如何修改符合隊列的行？

Question

正如你所看到的，我做了一個例子，我想要做什麼。 如果是跟隨var colors隊列，以獲得完全相同的顏色，那就太好了。沒有任何操作按鈕和額外的功能。

Answer 1

請嘗試以下

var par = document.getElementById("rainbow"); 
var colors = ["1-letter", "2-letter", "3-letter", "4-letter", "5-letter", "6-letter", "7-letter", "8-letter", "9-letter"]; 
var i = 0; 

par.innerHTML = par.innerHTML.split('').map(function(c){ 
    i = (i == colors.length - 1) ? 0: i + 1; 
    return "<span class='" + colors[i] + "'>" + c + "</span>"; 
}).join('');