2014-02-25 95 views
-1

我一直在想我是否可以打印每個字母具有不同顏色的字符串。打印字符串,每個字母有不同的顏色

如果我能做到這一點,有人可以告訴我怎麼做?

+3

是的,可以。有什麼問題? – dbanet

+0

好的如何做到這一點? dbanet – user3352195

+0

用'style =「color:#xxxxxx」'屬性打印''中的每個字母,其中'x'從'000000'迭代到'FFFFFF'。 – dbanet

回答

3

你不能直接設置一個字母的顏色(或樣式的任何部分),你首先要將它包裝在自己的元素中,這樣你就可以設置它的樣式。這裏有一個例子:

var e = document.getElementById('s'); 
e.innerHTML = e.innerHTML.split('').map(function(l){ 
    return '<span style="color:#' 
    +Math.floor(Math.random()*16777216).toString(16) 
    +'">'+l+'<span>' 
}).join(''); 

Demonstration

+0

+1。我正在嘗試[同樣的事情](http://jsfiddle.net/tewathia/hM7aq/):) – tewathia

+0

@tewathia通過'Number.prototype.toString()'接收基數作爲它的第一個參數,所以你實際上不會'不需要'['0'...'F']'陣列。 – dbanet

+0

@dbanet我沒有想到這一點。謝謝。我已經更新了[小提琴](http://jsfiddle.net/tewathia/hM7aq/2/) – tewathia

相關問題