如何修改符合队列的行？

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('');